jquery json null when using localhost

Question

I am trying to load json generated by my django app. It works when I save the json output and load it from a static file. However, when I make a call to a server it returns null.

JSON

{"users": [
    {
        "id": 1,
        "name": "arnold"
    }, 
    {
        "id": 2,
        "name": "frankie"
    }
]}

Ajax call

$.ajax({
    url: "http://localhost:8000/json",  //vs. json.js
    dataType: 'json',
    type: 'get',
    timeout: 20000,
    error: function() {
        alert("error");
    },
    beforeSend: function() {
        alert("beforeSend");
    },
    complete: function() {
        alert("complete");
    },
    success: function(data) {
        alert(data.users[0].name);
    }
});

view.py

return HttpResponse(simplejson.dumps(data), content_type = 'application/json; charset=utf8')

What happens when you go to that url, does it prompt you to download? — meder omuraliev
– meder omuraliev, Commented Jun 10, 2010 at 2:45

Nikita Rybak · Accepted Answer · 2010-06-10 03:04:47Z

2

Looks like same origin policy to me. To check, you can put your test html on the server (localhost:8000), load it from there and see if it works.

To fix, you can use dataType 'jsonp' or 'script'. For example, for jsonp you only need to enclose response in js call: random_callback(your_json_here); where random_callback is value of 'callback' request parameter (generated by jquery).

More on the topic: http://api.jquery.com/jQuery.ajax/

answered Jun 10, 2010 at 3:04

Nikita Rybak

68.1k22 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

jquery json null when using localhost

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related