Changing getJSON to JSONP

Question

I have this code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $.getJSON('http://example.com/api/get_cats', function(fbResults) {
            document.write(fbResults.cats[0].title);
        });
    });
</script>

How can I change this code:

<script>
    $(document).ready(function() {
        $.getJSON('http://example.com/api/get_cats', function(fbResults) {
            document.write(fbResults.cats[0].title);
        });
    });
</script>

for it to work as JSONP ... Is this totally different?

Then it won't work as a JSONP request. JSONP is basically just a <script> request. The response must have the data wrapped in a function call, like my_func({"foo":"bar"}). Then when the script arrives, assuming there's a function named my_func, that function is invoked passing the data into it. Some servers let you specify the function name, and they'll return the JSONP response, but this behavior must be established on the server. — user1106925
– user1106925, Commented Aug 11, 2012 at 19:25

rrk · Accepted Answer · 2016-03-19 12:40:11Z

35

Actually, you just have to add ?callback=?, jQuery does the rest.

$(document).ready(function() {
    $.getJSON('http://example.com/api/get_cats?callback=?', function(fbResults) {
        document.write(fbResults.cats[0].title);
    });
});

edited Mar 19, 2016 at 12:40

rrk

15.9k4 gold badges32 silver badges49 bronze badges

answered Aug 11, 2012 at 18:57

Jill-Jênn Vie

1,84119 silver badges22 bronze badges

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

2 Comments

Curtis Over a year ago

I get "Uncaught SyntaxError: Unexpected token :" because my php is returning json. How do format the php side to call the callback function when it doesn't have a name?

AlexB Over a year ago

@curtis I added output=jsonp&callback=? as parameters in order to get rid off this error

Collectives™ on Stack Overflow

Changing getJSON to JSONP

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related