简单谈谈json跨域_javascript技巧
程序员文章站
2022-03-30 15:53:01
...
这一篇文章呢,主要是之前一直听别人讲json跨域跨域,但是还是一头雾水,只知其一,于是一怒之下,翻阅各种资料,如果有不正确的地方,劳烦指正一下^_^
首先,先了解浏览器有一个很重要安全性限制,即为同源策略:不同域的客户端脚本在无明确授权的情况下不能读些对方资源。跨域也就是不同源~
简单的说,只要协议,端口,域名有一个不同,即为跨域!
然而,当进行一些比较深入的前端编程的时候,不可避免地需要进行跨域操作,这时候“同源策略”就显得过于苛刻。
解决方法:
1.使用jsonp解决跨域 :(仅适用于GET请求)
实现原理:
使用JavaScript代码解决
var eleScript = document.createElement("script"); eleScript.type = "text/javascript"; eleScript.src = "http://example2.com/getinfo.php"; document.getElementsByTagName("HEAD")[0].appendChild(eleScript);
使用jquery解决
$.ajax({ url: http://跨域的dns/document!searchJSONResult.action, type: "GET", dataType: 'jsonp', //主要是这里和原来的json改变了! jsonp: 'jsoncallback', })
2.使用HTML5的window.postMessage方法来跨域传送数据 (只兼容IE8+、FireFox、Chrome、Opera等浏览器)
window.postMessage(message,targetOrigin) 方法是html5新引进的特性,可以使用它来向其它的window对象发送消息,无论这个window对象是属于同源或不同源。
------------暂且先介绍这2种解决方法……其实还有很多其他的,之后再一一补充-----------------
上一篇: JavaScript冒泡排序算法
推荐阅读
-
JavaScript开发中php跨域调用json的例子
-
浅谈javascript之JSON和跨域
-
JavaScript中跨域调用Flash的方法_javascript技巧
-
JSON+JavaScript处理JSON的简单例子_javascript技巧
-
利用location.hash实现跨域iframe自适应_javascript技巧
-
javascript跨域原因以及解决方案分享_javascript技巧
-
js跨域问题之跨域iframe自适应大小实现代码_javascript技巧
-
JavaScript跨域方法汇总_javascript技巧
-
跨域传值即主页面与iframe之间互相传值_javascript技巧
-
深入浅析同源策略和跨域访问_javascript技巧