1.jsonp是用来实现跨域通信的一种方法。原理如下:
利用script标签的src属性来实现跨域,即:在客户端动态添加script然后将url指向要请求的地址;
将前端方法作为参数传递到服务器,服务器响应之后再返回
2.jsonp实现过程:
请求方:frank.com 的前端程序员(浏览器)
响应方:jack.com 的后端程序员(服务器)
请求方创建 script,src 指向响应方,同时传一个查询参数 ?callbackName=yyy
响应方根据查询参数callbackName,构造形如
yyy.call(undefined, '你要的数据')
yyy('你要的数据')
这样的响应
浏览器接收到响应,就会执行 yyy.call(undefined, '你要的数据')
那么请求方就知道了他要的数据
注:约定俗称如下:
callbackName -> callback
yyy -> 随机数 frank12312312312321325()
3..用jQuery实现jsonp
$.ajax({
url: "http://xxxxxxxxxx",
dataType: "jsonp",
success: function( response ) {
if(response === 'success'){
//执行代码
}
}
})
面试题
1.什么是jsonp(见上文)
2.jsonp为什么不支持 POST方法
因为jsonp通过动态创建script标签实现
动态创建的script只能用get请求,无法使用post请求