首頁 >後端開發 >php教程 >javascript - jQuery ajax跨域问题

javascript - jQuery ajax跨域问题

WBOY
WBOY原創
2016-06-06 20:42:501005瀏覽

遇到如下情况 使用jQuery jsonp 跨域成功后为什么会执行 error 方法 具体代码如下:
HTML部分

<code>    $.ajax({
        type:'get',
        dataType:'jsonp',
        url:"http://XXXX.com/test.php?jsoncallback=success_jsonpCallback", //调用自定义函数
        success:function(msg){
            alert(msg);
        },
        error:function(msg){
            alert(123);
            alert(msg);
        }
    });


    function success_jsonpCallback (result) {
        alert(result.img_url);
    }
</code>

PHP文件(test.php)

<code>$data['status'] = "1";
$data['img_url'] = "http://www.baidu.com/img/baidu_jgylogo3.gif";
$jsoncallback = $_GET['jsoncallback'];
//var_dump($_GET['jsoncallback']);
echo $jsoncallback."(".json_encode($data).")";
</code>

此外 希望有前端大神能给予解答.

回复内容:

遇到如下情况 使用jQuery jsonp 跨域成功后为什么会执行 error 方法 具体代码如下:
HTML部分

<code>    $.ajax({
        type:'get',
        dataType:'jsonp',
        url:"http://XXXX.com/test.php?jsoncallback=success_jsonpCallback", //调用自定义函数
        success:function(msg){
            alert(msg);
        },
        error:function(msg){
            alert(123);
            alert(msg);
        }
    });


    function success_jsonpCallback (result) {
        alert(result.img_url);
    }
</code>

PHP文件(test.php)

<code>$data['status'] = "1";
$data['img_url'] = "http://www.baidu.com/img/baidu_jgylogo3.gif";
$jsoncallback = $_GET['jsoncallback'];
//var_dump($_GET['jsoncallback']);
echo $jsoncallback."(".json_encode($data).")";
</code>

此外 希望有前端大神能给予解答.

error handler是Ajax Event。

This handler is not called for cross-domain script and cross-domain JSONP requests.

建议题主使用jsonp,jsonpCallback参数。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn