服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - jQuery实现跨域

jQuery实现跨域

2021-08-04 14:53jQuery教程网 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访问我们本地的程序,在程序中访问我们的目标网址。这是一种新的思路,有需要的可以尝试一下。

延伸 · 阅读

精彩推荐