JavaScript开发跨域问题：如何用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访问我们本地的程序，在程序中访问我们的目标网址。这是一种新的思路，有需要的可以尝试一下。