getJSON request fails

Question

I have a json file with some data to append into a div in the html document when a button is clicked:

html:

<div class="json"></div> <button id="one"></button>

here the javascript:

function one(){ $("#one").click(function(){ $.getJSON('one.json',function(data){ alert("success"); }) .done(function() { alert('getJSON request succeeded!'); }) .fail(function() { alert('getJSON request failed! '); }) .always(function() { alert('getJSON request ended!'); }); }); } $(document).ready(function() { one(); });

the one.json file is in the same directory of js file. When I click the button the alert is "getJSON request failed"...where is the mistake?

Is the html file also in the same directory? Try to make a root-relative call like "/folder/one.json" instead — RononDex
– RononDex, Commented Jan 13, 2014 at 9:33
what is the path to the html & js file? are they in different directories — Arun P Johny
– Arun P Johny, Commented Jan 13, 2014 at 9:33
This is impossible to answer, could be anything! Wrong filename, wrong path, not running a webserver, something else entirely — adeneo
– adeneo, Commented Jan 13, 2014 at 9:35

Anup · Accepted Answer · 2014-01-13 09:33:48Z

2

See if below code works :-

 $.getJSON('/YourDirectory/one.json',function(data){ alert("success"); })

answered Jan 13, 2014 at 9:33

Anup

9,77417 gold badges77 silver badges149 bronze badges

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

Comments

A Paul · Accepted Answer · 2014-01-13 09:34:55Z

If you html is opening from url

localhost:80/project/test.html

then the json path will be

localhost:80/project/one.json

So make sure html and json in same folder.

bipen · Accepted Answer · 2014-01-13 09:35:17Z

well, either remove the success callback inside the getJSON method , and use .done .fail.. or use success callback only

 function one(){ $("#one").click(function(){ $.getJSON('path/to/one.json') .done(function() { alert('getJSON request succeeded!'); }) .fail(function() { alert('getJSON request failed! '); }) .always(function() { alert('getJSON request ended!'); }); }); } $(document).ready(function() { one(); });

Pierrickouw · Accepted Answer · 2014-01-13 09:35:26Z

Your Ajax request will look in the url of your current page, so if you are in :

mysite.com/index.html, it will look on mysite.com/one.json

and

mysite.com/category/index.html, it will look on mysite.com/category/one.json

If you have a modern browser, you can open the developer console to see what is the exact request made.

ClickThisNick · Accepted Answer · 2019-01-13 04:19:43Z

$.getJSON() takes a url as the parameter for where to get the JSON, not a file path.

$.getJSON('/one.json', function (data) { ... });

or

$.getJSON('http://localhost:1234/one.json', function (data) { ... });

Take the url for the one.json file and paste into a browser address bar. If the browser returns the JSON content, then you know you can use that url in the $.getJSON()` call.

Collectives™ on Stack Overflow

getJSON request fails

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Linked

Related