跨域Ajax JSONP
浏览器的同源策略:只能向本地发请求
XMLHttpRequest遵循同源策略
一般具有src属性的html标签都不遵循同源策略
巧妙的机制JSONP可以完成向外地发送请求
JSONP:利用创建script块,在其中执行src属性为:远程url
函数返回值()
function 函数(arg){
}
形式一
??????function submitJsonp2() { ???????????var tag = document.createElement(‘script‘); ???????????tag.src = ‘http://127.0.0.1:9000/xiaokai.html‘; ???????????document.head.appendChild(tag); ???????????document.head.removeChild(tag); ???????} ???????function fuck(arg) { ???????????console.log(arg) ???????}
形式二(包装好的形式)
?????function submitJsonp4() { ???????????$.ajax({ ???????????????url: ‘http://127.0.0.1:9000/xiaokai.html‘, ???????????????type: ‘POST‘, ???????????????dataType: ‘jsonp‘, ???????????????jsonp: ‘callback‘, ???????????????jsonpCallback: ‘func‘ ???????????}) ???????} ???????function func(arg) { ???????????console.log(arg); ???????}
JSONP跨域
原文地址:https://www.cnblogs.com/lhqlhq/p/9203184.html