有关getScript的缓存响应
导读: Caching Responses(缓存响应) 默认情况下,$.getScript( cache选项被设置为 false。这将在请求的URL的查询字符串中追加一个时间戳参数,以确保每次浏览器下载的脚本被重新请求。您可以全...
Caching Responses(缓存响应)
默认情况下,$.getScript() cache选项被设置为 false。这将在请求的URL的查询字符串中追加一个时间戳参数,以确保每次浏览器下载的脚本被重新请求。您可以全局的使用 $.ajaxSetup()设置cache(缓存)属性覆盖该功能:
$.ajaxSetup({
cache: true
}
);
另外, 你可以使用更灵活的 $.ajax() 方法定义一个新的方法
例子:
Example: 定义了一个 $.cachedScript() 方法可以获取缓存的脚本:
jQuery.cachedScript = function(url, options) {
// allow user to set any option except for dataType, cache, and url
options = $.extend(options || {
}
, {
dataType: "script",
cache: true,
url: url
}
);
// Use $.ajax() since it is more flexible than $.getScript
// Return the jqXHR object so we can chain callbacks
return jQuery.ajax(options);
}
;
// Usage
$.cachedScript("ajax/test.js").done(function(script, textStatus) {
console.log( textStatus );
}
);
Example: 我们动态加载新的官方jQuery 颜色动画插件,一旦该插件加载完成就会触发一些颜色动画。
.block {
background-color: blue;
width: 150px;
height: 70px;
margin: 10px;
}
&
raquo;
Run
(function() {
var url = "https://raw.github.com/jquery/jquery-color/master/jquery.color.js";
$.getScript(url, function() {
$("#go").click(function(){
$(".block")
.animate( {
backgroundColor: "rgb(255, 180, 180)" }
, 1000 )
.delay(500)
.animate( {
backgroundColor: "olive" }
, 1000 )
.delay(500)
.animate( {
backgroundColor: "#00f" }
, 1000 );
}
);
}
);
}
)();
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 有关getScript的缓存响应
本文地址: https://pptw.com/jishu/655838.html
