跨域请求--Jsonp

1、原生js处理跨域请求

   原理：通过动态创建script标签（无跨域限制），定义一个callback函数处理接口返回的数据

//定义callback函数对请求返回的json数据进行处理

function callback(data) {

    //do something

}
//设置需要请求的跨域url

var url = "XXX?callback=callback"
//动态生成script标签

var script = document.createElement('script');

script.setAttribute('scr', url);

document.getElementsByTagName('head')[0].appendChild(srcipt);

 

2、jquery 对jsonp 的应用

方法a、创建一个ajax   get请求。

　　设置：1、type:'jsonp'

　　            2、url:'....？callback=callback'）

　　           3、jsonp:"callback",

　　　　　4、success:function(json){

　　　　　　　　　　//do something

　　　　　　}

方法b、使用jquery的$.getJson()方法。

　　　　$.getJson("XXX?jsoncallback=?",function(){

　　　　　　　　//do something

　　　　})