jQuery的$.ajax跨域时发出的请求类型是xhr,并不是script,也没有发现动态生成script标签,也没有发现类似jQuery191011762070982318096_1487035510995这样的函数。(可能是我没有发现而已)
请教jQuery是怎样动态声明callback函数的,怎样下载script文件的?
感谢回答!!
jQuery的$.ajax跨域时发出的请求类型是xhr,并不是script,也没有发现动态生成script标签,也没有发现类似jQuery191011762070982318096_1487035510995这样的函数。(可能是我没有发现而已)
请教jQuery是怎样动态声明callback函数的,怎样下载script文件的?
感谢回答!!
a.js
function callback(data){
alert(data);
}
b.js
callback({name:'Li', age:13});
你自己已经解答的差不多了,如果我就把这两个文件顺序用script标签引入,会alert出传入callback的实参。
如果先声明了callback函数,然后将b.js以动态script标签引入,因为script的src引入js不受同源限制,所以我们可以请求其他服务器上的文件,其他服务器上可以根据script中的参数动态生成类似于b.js的文件,传到客户端自然会执行。
jsonp跟ajax没任何关系,jQuery只不过把他们封装在了一起,你说xhr,应该使用的是cors跨域。
两点: json是良好的数据传输形式, script标签引入文件不受同源限制
1.当前页面预写好一个要执行的函数声明(即你说的回调callback)。
2.页面内资源的src属性不受跨域限制。
3.生成一个src属性是跨域请求地址的<script>标签,插入到当前页面(src中有这个回调的名字,作为参数发送给服务器)。
4.因为你插入了新元素,浏览器就会解析,并发出资源请求(想不明白,就想想插入一个图片,是不是会去请求这个图片)。
5.返回的外链script是对你第一步声明的函数的调用(数据会放在函数调用的参数中callback(data))。然后函数会被执行。
1.你浏览器端
var eleScript= document.createElement("script");
eleScript.type = "text/javascript";
eleScript.src = "http://example2.com/getinfo.php";
document.getElementsByTagName("HEAD")[0].appendChild(eleScript);
创建一个script 请求得到 .php 返回一个函数.
2.让我们看看 jquery 里面jsonp
jQuery(document).ready(function(){
$.ajax({
type: "get",
async: false,
url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
success: function(json){
alert('您查询到航班信息:票价: ' + json.price + ' 元,余票: ' + json.tickets + ' 张。');
},
error: function(){
alert('fail');
}
});
});
flightHandler这个回调句柄, 当动态scripte 动态加载完成,就执行flightHandler方法
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
script标签是不受同源限制的、只要能get到的资源文件就可以加载、所以JSONP是get方法用回调请求JSON、
不知道这样解释是否清楚
关于JSONP的回调肯定是声明在window下的、所以JQ中只需要声明这样一个方法、动态获取你的函数名、声明一下、就可以根据你的设置进行调用了