Requesting JSON from server and parsing in Javascript

Question

I am trying to pull json down from my server and parse it into a Javascript object. here is what my json looks like:

{
  "tour1": [
    {
      "title": "building1",
      "description": "Tour of building1",
      "image": "Icon.png",
      "video": "tour.mp4",
      "length": "0.00",
      "version": "1.0",
      "timestamp": "1111111111"
    }
  ]
}

Here is the requst to the server:

<!DOCTYPE html>
<html>
<body>
    <h2>Parse JSON from Server</h2>
    <p id="demo"></p>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">                      </script>
    <script>
        $.ajax({
            url: "mysite.com/videos/tour.json";
        var j = [];
        $.ajax({
            type: 'GET',
            url: url,
            dataType: 'json',
        });
        window.alert(j.tour1[0].title);
    </script>
</body>
</html>

I cant understand why its not working. I am new to javascript. I appreciate any help with this issue.

You have Syntax errors. I recomment you to use something like Visual Studio for this. — CoderPi
– CoderPi, Commented Dec 3, 2015 at 9:29
Please check the answers bellow upvote/downvote, comment, select the correct answer. — Zakaria Acharki
– Zakaria Acharki, Commented Dec 3, 2015 at 11:09

Zakaria Acharki · Accepted Answer · 2015-12-03 11:09:41Z

3

I think better if you use getJson when you want to load JSON-encoded data from the server using a GET HTTP request, check example bellow :

$.getJSON( "mysite.com/videos/tour.json", function( j ) {
     alert( j.tour1[0].title );
});

Hope this helps.

edited Dec 3, 2015 at 11:09

answered Dec 3, 2015 at 9:28

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gurvinder372 · Accepted Answer · 2015-12-03 09:29:18Z

1

Ajax call is an asynchronous call, j is not populated as soon as your ajax statement ends.

Use success handler of Ajax to alert the j (didn't tested the code)

$.ajax({
  url: "mysite.com/videos/tour.json",
  method: "GET",
  dataType: "JSON",
  success: function( data ){
    window.alert(data.tour1[0].title);
  }
});

answered Dec 3, 2015 at 9:29

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Comments

S.Chrobak · Accepted Answer · 2015-12-03 10:35:02Z

gurvinder give the best solution, because if you are firing the ajax-request then you must catch the response, but if you make the alert in your code your request is still working and j must be undefined because it is not a global variable. there a lot of mistakes:

check your ajax-synthax , because the declaration of "var j.." is wrong,
never use ";" in a object declaration, always use ","
in your alert you try to find a variable "j", but j don't exist, it is undefined.

Collectives™ on Stack Overflow

Requesting JSON from server and parsing in Javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related