json跨域原理及解决方法

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

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

举个例子:

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

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

解决方法：

使用jsonp解决跨域 ：（仅适用于GET请求）

使用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跨域原理及解决方法

原文：http://www.cnblogs.com/beidan/p/5269817.html