当前位置:主页 > 网页前端 > jquery >

jQuery实现跨域

时间:2021-09-11 08:09:34 | 栏目:jquery | 点击:

之前看到过用jsonp实现跨域,一直没有用到。现在刚好有个东西要到。试过了网上的很多方法,都没有用。最后终于搞清楚了用法,记录一下。

客户端:

复制代码 代码如下:

<!-- lang: js -->
 $(document).ready(function(){
    $.ajax({
        type: 'GET',
        async: false,
        url: remote_url,
        dataType: 'jsonp',
        jsonp: 'callback',
        jsonpCallback: 'fun',
        data: {a: 'b'},
        sucess: function(json) {
            alert(json);
        }
    });
});
function fun(json) {
    alert(json);
 }

服务器端

复制代码 代码如下:

header('Content-Type: application/json; charset=utf-8');//输出头
//your code
echo $GET['callback'] . '(' . json_encode($GET) . ')';

一定要调用客户端js中的回调函数,不然会出错。

关于js跨越,上面一种方法需要服务端的配合,输出回调函数。

假如需要访问别人的网站抓取一些东西,除了用iframe之外,如果需要使用js,如何来处理呢。

我们知道,服务端访问远程链接,是不存在跨域问题的。因此,我们可以绕一个弯,使用js访问我们本地的程序,在程序中访问我们的目标网址。这是一种新的思路,有需要的可以尝试一下。

您可能感兴趣的文章:

相关文章