欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Javascript跨域请求的4种解决方式_javascript技巧

程序员文章站 2022-03-31 17:37:10
...
什么情况下才会出现跨域
假设域名是:http://www.example.com.cn/
如果所请求的域名跟这个域名不致,这种情况就是跨域,由于跨域存在漏洞,所以一般来说正常的跨域请求方式是请求不到的。
解决方式
一、window.name
1、 服务器返回
复制代码 代码如下:


2、定义一个iframe,添加onload事件

3、定义一个form,设置form的target为iframe的id,然后提交form
复制代码 代码如下:





二、JSONP
服务器返回 callback({"id": "3", "name": "leisure"});
复制代码 代码如下:




三、jQuery.getJSON
服务器返回 json格式数据 test({"id": "3", "name": "leisure"}); test函数名为callback参数中定义
复制代码 代码如下:

$.getJSON(url + "?callback=?", data, function(data) {
}

注意callback=?这个参数必须带上,jquery会自动生成一个函数名替换这个问号!jQuery.getJSON实际上是用了JSONP方式实现。
四、flash跨域
服务器添加crossdomain.xml
http://www.example.com.cn/crossdomain.xml
复制代码 代码如下:





相关标签: 跨域 请求