Cannot load data from local JSON file [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

Closed 11 years ago.

Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <script src= "C:\Documents and Settings\vivek.aggarwal\My Documents\Downloads\jquery-1.11.1.js"></script>
  <script src="mydata.json"></script>
</head>
<body>
    <p id="demo"> ABC </p>
    <script>

    $.getJSON(mydata.json, function(data) {
        var output = data.login[0].one;
        document.getElementById("demo").innerHTML= output;
    });

    </script>
</body>

and this is my JSON file (mydata.json)

{
    "login": [
        {
            "one": "vivek"
        }
    ]
}

I'd start by quoting the URI, ie $.getJSON('mydata.json', .... Of course, your console would have alerted you to this error, if you'd bothered to check it — Phil
– Phil, Commented Jul 25, 2014 at 5:46
Get rid of the duplicate jQuery script tags (c:\documents....) and change $.getJSON('mydata.json'...) Note the quotes. Please learn to use developer toolbar (press F12 in Chrome) — jasonscript
– jasonscript, Commented Jul 25, 2014 at 5:46
and while you're using jQuery anyway... $('#demo').html(data.login[0].one) — Phil
– Phil, Commented Jul 25, 2014 at 5:49

Gaurav Gandhi · Accepted Answer · 2014-07-25 05:52:48Z

1

Try this method, it works for me.

$.ajax({
    url: 'mydata.json',
    dataType: 'json',
    success: function(result) {
       //Your code here, result is json obj
       $('#demo').html(result.login[0].one);
    },
    error: function() {
      // alert("error");
    }
});

edited Jul 25, 2014 at 5:52

answered Jul 25, 2014 at 5:47

Gaurav Gandhi

3,2112 gold badges30 silver badges40 bronze badges

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

8 Comments

Gaurav Gandhi Over a year ago

Thnx Phil, i replaced with jQuery for assignment.

Phil Over a year ago

What's the reason for steering away from $.getJSON?

Gaurav Gandhi Over a year ago

Refer stackoverflow.com/questions/1076013/…

Gaurav Gandhi Over a year ago

For short answer to steering away, .getjson() calls .ajax().

Phil Over a year ago

Yes, I know they're equivalent. That's why I asked

|

Saddamhussain · Accepted Answer · 2014-07-25 05:47:47Z

0

Try this it should work.

$.getJSON("mydata.json", function(data) { 
        var output = data.login[0].one;
        document.getElementById("demo").innerHTML= output;
});

answered Jul 25, 2014 at 5:47

Saddamhussain

8705 silver badges14 bronze badges

Collectives™ on Stack Overflow

Cannot load data from local JSON file [closed]

2 Answers 2

8 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Linked

Related