JSONP原理

AJAX在取数据的时候，无法做到跨域，即当前网页的地址和我们要取的数据的地址不在一个域下，因为浏览器都有一个“同源策略”，两个页面的域名必须在同域的情况下，才能允许通信
同源策略：相同域名、相同端口、相同协议
同源策略可以有效的阻止一些危险行为，比如嵌入恶意代码等，但有时候需要进行一些必要的跨域通信，则可以使用一些技术手段来实现，比如JSONP
JSONP原理：（JSON WITH PADDING）
同源策略并不会干涉src指向的路径（<script><iframe><img>等都含有src属性）
例子：
www.aaa.com中
<script type="text/javascript" src="http://www.bbb.com/abc.js"></script>
<script>
function abc(json){
alert(json['name']);
}
</script>


www.bbb.com/abc.js中
abc({'name':'Jack','age':'24'});
//页面会弹出Jack
我们可以取到www.bbb.com/abc.js里面的一个abc函数，这个函数被加载到www.aaa.com中，加载完成后，就应该执行abc函数，然后我们在www.aaa.com中定义abc函数，函数里面是处理数据的语句，就实现了简单的跨域访问数据了


JSONP总结：
1、JSONP是为了传数据而存在的技术，因为AJAX受限于同源策略，所以JSONP通过<script>的src属性不受同源策略的控制，实现其功能
2、本质是创建<script>标签，其src指向我们的数据地址，地址后面附带一个回调函数（callback），然后声明这个回调函数，这样只要一引入上面的<script>标签，就相当于执行了那个回调函数
3、jQuery将JSONP内置在了AJAX里，但是AJAX和JSONP是完全不一样的