How to parse JSON data with jQuery JavaScript

Question

I have a AJAX call that returns some JSON like this     document  ready function            ajax            type   GET            url   http   example functions php            data    get param   value              success  function  data                 var names   data                 cand   html data                           Inside the  cand div I ll get        id     1    name     test1          id     2    name     test2          id     3    name     test3          id     4    name     test4          id     5    name     test5        How can I loop through this data and place each name in a div

User · Answer

var jsonP    person         id     1    name     test1          id     2    name     test2          id     3    name     test3          id     4    name     test4          id     5    name     test5        var cand   document getElementById  cand    var json arr         each jsonP person function key value       json arr push key       value name      lt br gt         cand innerHTML   json arr        lt div id  cand  gt   lt  div gt

User · Answer

ajax     url      xml     dataType   xml     success  onTrue    error  function  err          console error  Error     err               a   each function          this  click function  e          var l   e target text          array sort sorteerOp l            functionToAdaptHtml

User · Answer

document  ready function            ajax            url    functions php            type   GET           data    get param   value              success  function  data              for  var i 0 i lt data length   i                          cand   append   lt div class  quot name quot  gt data i  name lt   gt

User · Answer

Json data  data     clo     fin   auto     fin   robot     fin   fail       When retrieve      ajax       type     url     data   dataType  json     done function  data     var i   data clo length  while i--       el   append   lt p gt   data clo i  fin   lt   gt

User · Answer

Use that code          ajax                type   POST               contentType   application json  charset utf-8               url   Your URL               data                    dataType   json               success  function  data                    alert data                              error  function  result                    alert  Error

User · Answer

Here s how you would do this in JavaScript  this is a really efficient way to do it  let data    quot    quot name quot    quot mark quot   quot  let object   JSON parse data   console log object name    this would print mark

User · Answer

Try following code  it works in my project     start ajax request   ajax       url   data json         force to handle it as text     dataType   text       success  function data               data downloaded so we call parseJSON function            and pass downloaded data         var json     parseJSON data             now json variable contains data in json format           let s display a few items         for  var i 0 i lt json length   i                            results   append   lt div class  name  gt   json i  name   lt   gt

User · Answer

ok i had the same problem and i fix it like this by removing    from    key   value            in your php file make shure that you print like this      echo json encode array shift  your variable            in your success function do this        success  function  data        var result     parseJSON data            yourclass   append result  your key1              yourclass   append result  your key2                       and also you can loop it if  you want

User · Answer

Assuming your server side script doesn t set the proper Content-Type  application json response header you will need to indicate to jQuery that this is JSON by using the dataType   json  parameter   Then you could use the   each   function to loop through the data     ajax        type   GET        url   http   example functions php        data    get param   value          dataType   json       success  function  data               each data  function index  element                   body   append     lt div gt                      text  element name                                          or use the   getJSON method     getJSON   functions php     get param   value     function data          each data  function index  element               body   append     lt div gt                  text  element name

User · Answer

Setting dataType  json  will parse JSON for you     ajax     type   GET     url   http   example functions php     data   get param   value      dataType   json     success  function  data        var names   data         cand   html data             Or else you can use parseJSON   var parsedJson     parseJSON jsonToBeParsed     Then you can iterate the following   var j      id   1   name   test1     id   2   name   test2     id   3   name   test3     id   4   name   test4     id   5   name   test5           by using     each   var json     parseJSON j     json  each function  i  val        each val  function  k  v        console log k           v                JSFiddle

User · Answer

I agree with all the above solutions  but to point out whats the root cause of this issue is  that major role player in all above code is this line of code   dataType  json    when you miss this line  which is optional   the data returned from server is treated as full length string  which is default return type   Adding this line of code informs jQuery to convert the possible json string into json object   Any jQuery ajax calls should specify this line  if expecting json data object

[jquery] How to parse JSON data with jQuery / JavaScript?

Examples related to jquery

Examples related to ajax

Examples related to json

Examples related to parsing