how to use json file in html code

Question

I have json file mydata json  and in this file is some json-encoded data   I want obtain this data in file index html and process this data in JavaScript  But a don t know how to connect json file in  html file   Tell me please   Here is my json file          items                            movieID    65086                title    The Woman in Black                poster     kArMj2qsOnpxBCpSa3RQ0XemUiX jpg                                    movieID    76726                title    Chronicle                poster     853mMoSc5d6CH8uAV9Yq0iHfjor jpg                       Thinking that I am getting json file from server  how to use that file in my html  so that I can display the data in tables in html page  I am using JavaScript to parse the json file  I am new to this field  Help out please

User · Answer

use jQuery s   getJSON     getJSON  mydata json   function data          do stuff with your data here

User · Answer

lt html gt   lt head gt   lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 6 2 jquery min js  gt   lt  script gt    lt script gt         function          var people             getJSON  people json   function data             each data person  function i  f              var tblRow     lt tr gt       lt td gt     f firstName     lt  td gt                  lt td gt     f lastName     lt  td gt       lt td gt     f job     lt  td gt       lt td gt     f roll     lt  td gt       lt  tr gt                tblRow  appendTo   userdata tbody                           lt  script gt   lt  head gt    lt body gt    lt div class  wrapper  gt   lt div class  profile  gt      lt table id   userdata  border  2  gt     lt thead gt               lt th gt First Name lt  th gt               lt th gt Last Name lt  th gt               lt th gt Email Address lt  th gt               lt th gt City lt  th gt           lt  thead gt         lt tbody gt           lt  tbody gt      lt  table gt    lt  div gt   lt  div gt    lt  body gt   lt  html gt    My JSON file         person                          firstName    Clark               lastName    Kent               job    Reporter               roll   20                                firstName    Bruce               lastName    Wayne               job    Playboy               roll   30                                firstName    Peter               lastName    Parker               job    Photographer               roll   40                   I succeeded in integrating a JSON file to HTML table after working a day on it

User · Answer

You can use JavaScript like    Just give the proper path of your json file      lt  doctype html gt   lt html gt       lt head gt           lt script type  text javascript  src  abc json  gt  lt  script gt           lt script type  text javascript   gt              function load                     var mydata   JSON parse data                   alert mydata length                    var div   document getElementById  data                     for var i   0 i  lt  mydata length  i                                          div innerHTML   div innerHTML     lt p class  inner  id   i   gt    mydata i  name    lt  p gt       lt br gt                                             lt  script gt       lt  head gt       lt body onload  load    gt           lt div id  data  gt            lt  div gt       lt  body gt   lt  html gt    Simply getting the data and appending it to a div    Initially printing the length in alert   Here is my Json file  abc json  data       name     Riyaz     name     Javed     name     Arun     name     Sunil     name     Rahul     name     Anita

[javascript] how to use json file in html code

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to json

Examples related to get