Asynchronous JavaScript and XML（Ajax）是目前 Web 开发关键技术之一，允许客户端 JavaScript 通过 HTTP 与服务器进行交互。浏览器的安全模型规定了 XMLHttpRequest、frames 等必须在相同域名下才能进行通信。这就是所谓的“同源策略限制”。
为了 Web 应用的安全，同源策略并不是坏东西，但当我们真的需要请求其他域名下的数据时，这个策略确实造成了麻烦。
克服该限制的方法：
1、还是请求自己的服务器，让服务器做代理，把请求转发给真正的第三方服务器。这个方案的使用比较普遍，但一看上去就挺浪费的。
2、Flash。服务器上要部署一个 crossdomain.xml 文件，并将功能在 Flash 中开发，以达到跨域目的。但是要学习 AS 开发语言，成本较高。
3、通过 <script src=""> 标签，进行脚本插入。标签中的脚本源指向第三方服务器，因为同源策略并不阻止标签中引进第三方服务器的脚本。通过 JSON 可以改进该方案。缺点在于：难调试、被不信任的服务使用时会存在危险。
JSONP 属于第 3 种方案。
JSONP（JSON with Padding）是一个非官方的协议，他的实现方式简单，但需要一点服务端的配合。大致就是：让客户端决定要回调的 Javascript 函数名，在第三方服务端将 JSON 数据拼装到回调函数名中，返回的就是参数为 JSON 数据的函数调用脚本，浏览器加载脚本，并执行，达到获取第三方数据的目的。下面是最初级的实现代码。
金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广，如果您有这方面的需求或者不同的观点，欢迎联系交流。
读完这篇文章后，您心情如何？
