工作随记：jsonp跨域接口测试

原先测过这个接口，前后端同源（域名，协议，端口相同），开发提供的文档:

$.post("http://host/url",
    {
        data1: "data1",
        data2: "data2",
        data3: "data3"
    },
　　function(data){console.log(JSON.stringify(data))}
)

测试接口发出的请求和响应如下： 响应是json格式

请求：
post  
http://host/url
post data: data1=data1&data2=data2&data3=data3

响应：
{"retCode": null, "retMsg": null, "isSucess": true, "message": { "id": "100001" }}

现在其他系统需要请求该数据，json跨域需改成jsonp。改成jsonp之后,开发提供的文档:

$.ajax({
    url: "http://host/url", //请求地址
    type: "GET",  //请求方式变了
    dataType: "JSONP", //数据格式设定jsonp
    jsonp:"callback",  //验证参数的名称
    data: {
        data1: "data1",
        data2: "data2",
        data3: "data3"
    },
    success: function (data) { console.log(JSON.stringify(data)) }
});

测试接口发出的请求如下：响应结果返回格式：函数(参数)，参数=json串
简单理解（深入的网上找资料吧）： 前端跨域发起请求时，指定函数； 获取到响应之后再调用该函数解析出里面包含的json串，从而实现跨域数据访问。

JSONP请求：
get
http://host/url  
param： callback=testcallback&data1=data1&data2=data2&data3=data3 #post请求变成了get请求，且多了一个参数testcallback函数是开发设定的

响应：

testcallback({"retCode": null, "retMsg": null, "isSucess": true, "message": { "id": "100001" }})

 


关于是否同源：



the end!

工作随记：jsonp跨域接口测试

猜你喜欢