Parse JSON response using jQuery

Question

I m dealing with a JSON Response in one of my applications  I have established a connection using jsonp successfully  But I m not able to parse my response   Code    lt script type  text javascript  gt   function      var url    http   cooktv sndimg com webcook sandbox perf topics json      ajax      type   GET       url  url      async  false      jsonpCallback   callback       contentType   application json       dataType   jsonp       success  function json           console log json topics              nav   html   lt a href    gt   json topics   lt  a gt                error  function e           console log e message                 jQuery    lt  script gt    Output i m getting    object Object   object Object   object Object    Response Example   callback   topics     name   topic   content     link text   link   link src   http   www foodnetwork com      link text   link   link src   http   www hgtv com      link text   link   link src   http   www diynetwork com      link text   link   link src   http   www cookingchanel com      link text   link   link src   http   www travelchannel com      link text   link   link src   http   www food com        name   topic2   content     link text   link   link src   http   www google com      link text   link   link src   http   www yahoo com      link text   link   link src   http   www aol com      link text   link   link src   http   www msn com      link text   link   link src   http   www facebook com      link text   link   link src   http   www twitter com        name   topic3   content     link text   link   link src   http   www a com      link text   link   link src   http   www b com      link text   link   link src   http   www c com      link text   link   link src   http   www d com      link text   link   link src   http   www e com      link text   link   link src   http   www f com            I want in the form of    Topic  Link

User · Answer

The data returned by the JSON is in json format : which is simply an arrays of values. Thats why you are seeing [object Object],[object Object],[object Object].

You have to iterate through that values to get actuall value. Like the following

jQuery provides $.each() for iterations, so you could also do this:

$.getJSON("url_with_json_here", function(data){
    $.each(data, function (linktext, link) {
        console.log(linktext);
        console.log(link);
    });
});

Now just create an Hyperlink using that info.

User · Answer

jQuery ajax               type   GET               url      struktur2 load php               async  false              contentType   application json               dataType   json               success  function json                  items   json                             error  function e                  console log  jQuery error message     e message

User · Answer

Give this a try   success  function json       console log JSON stringify json topics         each json topics  function idx  topic            nav   html   lt a href      topic link src      gt     topic link text     lt  a gt

User · Answer

Try bellow code  This is help your code         btnUpdate   on  click   function                    alert  Alert Test                var url    http   cooktv sndimg com webcook sandbox perf topics json                 ajax                   type   GET                   url  url                  data                        dataType   json                   contentType   application json  charset utf-8                   success  function  result                        debugger                         each result callback  function  index  value                            alert index          value Name                                                              failure  function  result    alert  Fail                                    I could not access your url  Bellow error is shows  XMLHttpRequest cannot load http   cooktv sndimg com webcook sandbox perf topics json  Response to preflight request doesn t pass access control check  No  Access-Control-Allow-Origin  header is present on the requested resource  Origin  http   localhost 19829  is therefore not allowed access  The response had HTTP status code 501

User · Answer

I was hanging out on Google  then I found your question and it s very simple to parse JSON response into normal HTML  Just use this little JavaScript code      lt  DOCTYPE html gt   lt html gt   lt body gt    lt h2 gt Create Object from JSON String lt  h2 gt    lt p id  demo  gt  lt  p gt    lt script gt   var obj   JSON parse     name   John    age  30   city   New York      document getElementById  demo   innerHTML   obj name          obj age    lt  script gt    lt  body gt   lt  html gt

User · Answer

Original question was to parse a list of topics  however starting with the original example to have a function return a single value may also useful   To that end  here is an example of  one way  to do that       lt script type  text javascript  gt      function getSingleValueUsingJQuery           var value             var url    rest endpointName     document getElementById  someJSPFieldName   value        jQuery ajax           type   GET           url  url          async  false          contentType   application json           dataType   json           success  function json              console log json value        needs to match the payload  i e  json must have  value   foo             value   json value                     error  function e              console log  jQuery error message     e message                             return value             lt  script gt

[ajax] Parse JSON response using jQuery

Examples related to ajax

Examples related to json

Examples related to object

Examples related to jsonp