Script标签里写ajax请求,【架构】Ajax跨域请求问题

一、什么是AJAX？

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest

函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。

二、为什么会有这个问题？

ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。

三、常见解决办法

1、使用script标签

script调用没有域的限制，我们可以将输出的数据伪装成script的变量。

2、服务端脚本中转

服务端脚本使用XMLHTTP没有域的限制，但是耗费服务器的资源。

3、利用iframe

在同一个域名的各个子域名下，如果设置了document.domain，那么是可以相互调用JS的。

4、JSONP

这个方法也是最解决正常AJAX和多人使用的。

JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。

首先在客户端注册一个callback, 然后把callback的名字传给服务器。

此时，服务器先生成 json 数据。

然后以 javascri