ajax content not be loaded, what is wrong?

Question

I want to load some data from a json file, but the content doesn't show up and also the browser console doesn't return any error. Here's the script:

(function($){
  $(window).load(function(){
    $.getJSON('./assets/js/data.json', function(datas){
        console.log(datas);
    }); //get JSON
  }); //window.load
});

And am calling the script file like:

    <script src="assets/js/ajax.js"></script>

What could be wrong?

--------------more info about issue

when i use $(function(){}) AND $(window).load() chrome dont return any error in console, but the data.json not issued in network tab. and when i don't use $(function(){}) AND $(window).load() the data.json is issued but cant load and the chrome return below errors: chrome returned error in console

just a side note, you dont need `$(function(){})` AND `$(window).load()`. — krishwader, Aug 03 '13 at 10:26
can you see under your network tab that the request is issued? — intuitivepixel, Aug 03 '13 at 10:28
I think `'./assets/js/data.json'` should be just `data.json`, seeing that both lie script and json file in the same directory — krishwader, Aug 03 '13 at 10:28
@hungerpain i did it befre but in chrome this error returned: http://imageupload.co.uk/files/163ck76xrvitgtuhd8tw.png — bobsilon, Aug 03 '13 at 10:39
@intuitivepixel yes that issued but in it's time latency wrote Pending. — bobsilon, Aug 03 '13 at 10:41

score 0 · Answer 1 · answered Aug 03 '13 at 10:31

0

If you assets folder is in root then change you code to(remove leading dot(.)) change './assets/js/data.json' path to '/assets/js/data.json'

    (function($){
      $(window).load(function(){
          $.getJSON('/assets/js/data.json', function(datas){
          console.log(datas);
        }); //get JSON
      }); //window.load
    });

answered Aug 03 '13 at 10:31

Rajesh Kumar

2,443
3
28
43

That doesn't necessarily have to work since hi didn't use a leading '/' in his `` block. – putvande Aug 03 '13 at 10:41
1

@putvande leading '/' will send request to folder from root so in any case if this code is executed from a page which is in nested sub directory will not break 'assets/js/data.json' will also work but for page which are on root – Rajesh Kumar Aug 03 '13 at 10:46
@RajeshKumar i did it but results is same – bobsilon Aug 03 '13 at 10:50
@Bobak what response is returned in browser console after $.get request? – Rajesh Kumar Aug 03 '13 at 10:53

score 0 · Answer 2 · answered Aug 03 '13 at 14:06

0

Remove function($) then try it like below:

$(window).load(function(){
    $.getJSON('./assets/js/data.json', function(datas){
        console.log(datas);
    }); //get JSON
  });

answered Aug 03 '13 at 14:06

Dhaval Bharadva

3,053
2
24
35

score 0 · Accepted Answer · answered Aug 03 '13 at 19:21

0

oh god KILL me, all of this issue happened for only a brain crash. i just missed to remove a "," in the data.json.

thanks to all for answers.

answered Aug 03 '13 at 19:21

bobsilon

1,648
4
20
33

ajax content not be loaded, what is wrong?

3 Answers3