Parse JSON From URL

I am building a web site and I use a url which returns a JSON response, like: {name:mark; status:ok} I would like to obtain the name, using only JavaScript or jQuery in my HTML pa

Solution 1:

Have a look at jQuery's .getJSON() method, which will make it really easy for you.

$.getJSON('yourURL.php', function(data) {
  alert(data.name);
});

If you need more flexibility you should have a look at .ajax() instead. .getJSON() is really just a short hand for the .ajax() method, suitable for making simple requests to fetch JSON. With .ajax() you will have a lot of more options - specifying an error handler for instance, and much more.

Solution 2:

$.getJSON("URL", function(json) {
   alert("JSON Data: " + json.name);
 });

I guess this will work for you.

If you want to Pass parameters then here is code

$.getJSON("URL", { name: "John", time: "2pm" }, function(json) {
    alert("JSON Data: " + json.name);
    });

Refer link

Solution 3:

   $(document).ready(function () {
    var url = 'https://graph.facebook.com/me';
    $.getJSON(url, function (data) {
        alert(data.name);
    });
});