Question

I’m new to jQuery, and it really cool, but I can’t get the basic ajax work, there’s no error in the console ,so I don’t know where goes wrong:

getJSON function version:

   $(document).ready(function(){
        $.getJSON('http://pollview:8888/js/example.json', function(data){
            for(var element in data){
                console.log(data[element]);
            }
        });

    });

then the basic ajax version:

$(document).ready(function(){

    $.ajax({
        url: 'http://pollview:8888/js/example.json'
    }).done(function(data){
        alert('successful');
    });
});

---

I’ve put the chrome network console here, it seems like the example.json file has been loaded, but the event haven’t been triggered, I don’t know why

I get me stuck, any idea?

Answer 1

Try this Working demo http://jsfiddle.net/wyBqk/ or http://jsfiddle.net/UGQYT/ (with data returned)

http://docs.jquery.com/Ajax/jQuery.getJSON

• Please check your json url.

Also whack in the the error: which will tell you if you have error in data coming in. :)

Rest this should help you to nail your issue :)

code

$("document").ready(function() {
    var jqxhr = $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function() {
        alert("success");
    }).success(function() {
        alert("second success");
    }).error(function() {
        alert("error");
    }).complete(function() {
        alert("complete");
    });

});​