标签:style function 返回 完成 ajax sub 跨域 pca xmlhttp
跨域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);
}
标签:style function 返回 完成 ajax sub 跨域 pca xmlhttp
原文地址:https://www.cnblogs.com/lhqlhq/p/9203184.html