星空网 > 软件开发 > Java

json跨域原理及解决方法

这一篇文章呢,主要是之前一直听别人讲json跨域跨域,但是还是一头雾水,只知其一,于是一怒之下,翻阅各种资料,如果有不正确的地方,劳烦指正一下^_^

首先,先了解浏览器有一个很重要安全性限制,即为同源策略:不同域的客户端脚本在无明确授权的情况下不能读些对方资源。跨域也就是不同源~

举个例子:

json跨域原理及解决方法

只要协议,端口,域名有一个不同,即为跨域!

然而,当进行一些比较深入的前端编程的时候,不可避免地需要进行跨域操作,这时候“同源策略”就显得过于苛刻。

解决方法:

使用jsonp解决跨域 :(仅适用于GET请求)

实现原理:<script>  标签是不受同源策略的限制的,它可以载入任意地方的 JavaScript 文件,而并不要求同源。
所以 JSONP 的理念就是,我和服务端约定好一个函数名,当我请求文件的时候,服务端返回一段 JavaScript。这段 JavaScript 调用了我们约定好的函数,并且将数据当做参数传入。非常巧合的一点(其实并不是),JSON 的数据格式和 JavaScript 语言里对象的格式正好相同。所以在我们约定的函数里面可以直接使用这个对象。

使用JavaScript代码解决

1  var eleScript = document.createElement("script"); 2  eleScript.type = "text/javascript"; 3  eleScript.src = "http://example2.com/getinfo.php"; 4  document.getElementsByTagName("HEAD")[0].appendChild(eleScript);

使用jquery解决

1  $.ajax({ 2     url: http://跨域的dns/document!searchJSONResult.action, 3     type: "GET", 4     dataType: 'jsonp',   //主要是这里和原来的json改变了!5     jsonp: 'jsoncallback', 6 })

使用HTML5中新引进的window.postMessage方法来跨域传送数据

window.postMessage(message,targetOrigin)  方法是html5新引进的特性,可以使用它来向其它的window对象发送消息,无论这个window对象是属于同源或不同源,目前IE8+、FireFox、Chrome、Opera等浏览器都已经支持window.postMessage方法。

 

------------暂且先介绍这2种解决方法……其实还有很多其他的,之后再一一补充-----------------




原标题:json跨域原理及解决方法

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

美国超级专线:https://www.goluckyvip.com/tag/38144.html
美国出口专线:https://www.goluckyvip.com/tag/38145.html
美国船运fba:https://www.goluckyvip.com/tag/38146.html
美国大件fba:https://www.goluckyvip.com/tag/38147.html
美国大件海外仓:https://www.goluckyvip.com/tag/38148.html
美国大型海外仓:https://www.goluckyvip.com/tag/38149.html
丽人丽妆2023年扭亏为盈 玉容初、美壹堂等自有品牌增速超40% :https://www.kjdsnews.com/a/1836576.html
一天拿下10万美金预售!深圳大卖出海第一年成为亚马逊供应商:https://www.kjdsnews.com/a/1836577.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流