Jsonp跨域解决方法

1、准备好两个本地虚拟网址：a.ajax.com和b.ajax.com;

a.ajax.com作为服务器端（php文件），接受请求并回应；b.ajax.com作为客户端（html文件），发起请求。

2、index.html和index.php代码结构如图：

ps:最简单的代码结构，自行补充，在此只演示原理过程

3、dataType:json,的情况下，运行直接报错，详细信息：

‘’XMLHttpRequest cannot load http://a.ajax.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://b.ajax.com' is therefore not allowed access.‘’原因是同源策略而无法访问；

dataTypa:jsonp的情况，运行正常。

4、jsonp底层封装原理模拟：

 动态添加script标签，通过script的src跨域调用，回调函数。 

 <script src='//a.ajax.com?callback=getRes'></script>

在比较一下，请求的 Request URL的结构是不是一样的。