Javascript&Ajax-深入浅出JSONP--解决ajax跨域问题

Javascript&Ajax-深入浅出JSONP--解决ajax跨域问题

原理讲解：

链接地址：http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html

示例代码：

链接地址 http://www.cnblogs.com/xishuai/p/3552919.html

这里主要是涉及到 "同源策略" 这个概念

　　为什么会出这样的错误呢？这是因为所有支持Javascript的浏览器都会使用同源策略这个安全策略。看看百度的解释：

　　同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当一个百度浏览器执行一个脚本的时候会检查这个脚本是属于哪个页面的，即检查是否同源，只有和百度同源的脚本才会被执行。

　　这就是引起为何取不到数据的原因了，那如何才能解决跨域的问题呢？没错，我们现在可以进入正题，来了解下什么是JSONP了

简单地说就是：域名，协议，端口相同

如果数据显示页面以及数据请求页面不同源，那么支持Javascript同源安全策略的浏览器就会拒绝数据访问请求。

但是我们可以使用Jsonp的伪协议来解决这个问题

具体内容请参考上面的两个链接中的内容

Jason

2014年02月18日