使用jsonp去访问跨域数据，回调使用数据

var foo = function (data) {
    console.log("foo", data)
}

var testJsonP = function () {
    $.ajax({
        type: "get",
        dataType: "jsonp",
        url: "http://****/***/provinces.js?callback1=foo1", //callback1是回调函数的一个赋值与jsonp参数的值一样   方法一  默认的行数名是callback

        //jsonp: "callback1",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)     方法二,没有必要两种都写上，   不然就会是   ?callback1=foo1&callback1=foo1

        //jsonpCallback: "foo1",  //foo1是跨域调用的文件里的函数名 给当前ajax回调

        success: function (result) {

            console.log("comehere!!!", result)
foo(result)
        },
        error: function (jqXHR, textStatus, errorThrown) {
            /*弹出jqXHR对象的信息*/
            console.log(JSON.stringify(jqXHR), textStatus, errorThrown);
        }
    })
}
testJsonP()



provinces.js   //跨域访问的js

foo1(
　　{"obj":[
　　　　  {"fullName":"北京市","fullNamep":"北京"},
　　　　  {"fullName":"台湾","fullNamep":"台湾","cityType":1}
　　　　],
　　  "version":"9"
　　}
)

转载于:https://www.cnblogs.com/sunnie-cc/p/8963877.html