javascript - jQuery源码中,动态生成script标签,为什么要采用ajax方式加载?
巴扎黑
巴扎黑 2017-04-11 13:25:05
[JavaScript讨论组]

看了下jQuery源码:

代码位置为:
https://github.com/jquery/jqu...
下面是我的测试代码,纯属样例:

var newScript=document.createElement('script');
newScript.type="text/javascript";
newScript.src='js/canvas.js';
document.head.appendChild(newScript);

经过代码测试,动态生成的script标签,会自动加载自己的src资源,为什么jQuery要用ajax的方式去加载src资源呢?

巴扎黑
巴扎黑

全部回复(2)
大家讲道理
jQuery.getScript()
jQuery.getJSON() // jsonp 模式
jQuery.ajax()    // jsonp 模式

都会动态创建script标签, 因为js是可以跨域加载的, 又因为有callback的预定义,
使得jsonp的数据可以得到回调

<script>
var mycallback = function(data){
    alert(data);
}
</script>

# 动态引入js (jsonpcallback)
<script src="/ajax/get_user?id=1" >
    mycallback({"name":"tom", "age":20});
</script>
# 加载/ajax/get_user?id=1后, 会调用mycallback, 并把json data回调过去.
# mycallback是个预定义的函数
# jQuery使用类似  "callaback=?" , 问号会自动替换成随机且唯一的自动创建的函数如 jQuery_callback_3242342334
# 每个请求创建的预定义callback名是唯一, 是为了保证数据回调可以匹配并不冲突
# 就好像餐厅排号, 叫到什么号就该谁去认领, 不然怎么知道刚出锅的菜是谁点的(很多时候, 不是谁先点菜就先上的, 有些菜做得久)
# 完成请求后, jQuery会自动删除这个方法以释放内存
伊谢尔伦

jquery也是动态创建script标签的吧。
eval和动态创建script在新特性里面好像有区别了。增加了作用域。你可以去查一查

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号