jsonp原理和jquery jsonp

实质是动态标签跨域请求
请求方:一个网站的前端(浏览器)
响应方:另一个网站的后端(服务器)
1.请求方创建script,src指向响应方,同时传一个查询参数?callback=xxx,同时写好拿到数据后要执行的函数xxx
2.响应方根据查询参数callback,构造形如callback.call(undefined,'你要的数据')的响应
3.浏览器接受到响应,拿到了想要的数据,去执行xxx.call(undefined,'你要的数据')
约定:
1.查询参数统一规定为callback
2.xxx一般用随机数
jquery实现jsonp

$.ajax({
    url: "http://baidu.com/pay",
    dataType: "jsonp",
    success: function(response){
         if(response === 'success'){
          }
}
})

你可能感兴趣的:(jsonp原理和jquery jsonp)