jQuery实现跨域

学习笔记 2020/01/17 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访问我们本地的程序,在程序中访问我们的目标网址。这是一种新的思路,有需要的可以尝试一下。

本文地址:https://www.stayed.cn/item/215

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。