Geek asks and answers

JsonpCallback function not working

UPDATE 1:

I just upgraded from jQuery 1.4.4 to 1.6.1. How does this affect the script in the original question?

ORIGINAL QUESTION:

Just as I test, I did:

$(document).ready(function() {
    get_jsonp_feed();

    function get_jsonp_feed() {
        $.ajax({
            url: 'http://www.remote_host.co.uk/feed.php',
            type: 'GET',
            dataType: 'jsonp',
            jsonp: 'callback',
            jsonpCallback: 'jsonpCallback',
            error: function(xhr, status, error) {
                alert("error");
            },
            success: function(jsonp) { 
                alert("success");
            }
        });
    }

    function jsonpCallback(data){
        alert("jsonpCallback");
    }
});

I expected to receive 2 warnings, the first shows successand the second shows jsonpCallback. But I get only the first warning success. Why does the second warning not appear?

+3
source share
4 answers

, jsonp param false - jQuery 1.5 (, , jQuery). , (, , URL-, ). , . : dev, , http://www.remote_host.co.uk/feed.php .

+3

:

jsonp: 'callback',


jsonp: false

.

: http://api.jquery.com/jQuery.ajax/

+6

, jsonpCallBack:'jsonpCallback' jsonpCallBack: function() { alert('boo'); }

0

For all my friends who have a problem with PHP + JQuery + JSONP

here it is, I am using php 5.3 and jQuery 1.10

$('#button_submit2').click(function () {
    prevent_caching = (new Date()).getTime();
    $.ajax({
        type: 'GET'
        , url: "http://yoururl.com/webservice.php"
        , dataType: 'jsonp'     //Besides plain xml, the dataType can be html, json, jsonp, script, or text.
        , jsonp: 'callback'     //this will be added in the query as parameter
        , jsonpCallback: 'jsonp_reply'  //this is what ajax call is expecting json to be encapsulated ine i.e. json_reply(JSON_RESPONSE)
        , data: {
            uniq_val: prevent_caching
            , method_name: "get_all_tasks"
            , format: 'jsonp'
        }
        , cache: false
        , async: false
    })
    .success(function (rsp) {
        console.log('success'+rsp);
    })
    .fail(function (xhr, error, thrownError) {
        console.log('fail  status:[' + xhr.status + ']  error:[' + thrownError + ']');
    })
    .always(function () {
        console.log('complete');
    });
});
-1
source

More articles:


All Articles