AJAX跨域请求数据原理与案例

1、如何通过AJAX跨域请求数据

    AJAX通过jsonp来实现跨域请求数据，通过设置dataType（jquery）为jsonp即可。

2、AJAX如何通过jsonp实现跨域（来源于其他网站资料）

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

    由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。

3、通过简单案例AJAX（jquery）实现跨域请求

    客户端AJAX（jquery）源码：