别急， jQuery可是我手头的好东西！大家都爱的神级利器。毕竟用起来轻松，项目效率自然就上去。有时候需要在不同页面上用同款 jQuery设置？别怕，这咱也能解决。jQuery早就为咱们想好办法了，各种全局设置方法像$.ajaxSetUp(),$.ajaxPreFiler(),$.ajaxTransport(),和$.holdReady(),这些可都是免费赠送的！可能名字有点复杂吓人，但没关系，放心，我会一字不漏地给你们讲明白。
$.ajaxSetup()
告诉你这个$.ajaxSetup真是个宝贝儿！不论是$ajax(),$get()还是$post()，只要用上它，就都能调整Jquery中Ajax相关设定。关键是，有了它，我们设置起默认URL、HTTP方法和数据格式来都特别方便，代码看起来也清爽多。比如说这样：
javascript
$.ajaxSetup({
url:"/api",
type:"POST",
dataType:"json"
});
$.ajaxSetup({
url: "/api/user",
type: "POST",
dataType: "json"
});
你看，例子里把默认网址设为了”/api”，HTTP方法就是我们常用的POST，而且数据文件还得是JSON才行。所以，用AJAX时别忘记这些小细节，用起来超方便，生成的代码也是清清楚楚滴，好懂！
你知道吗，做网页编程时有种东西叫$ajaxSetup()，超级厉害。它可以帮忙搞定那些麻烦事，比如简化那些让人头大的代码，让接口看起来更整洁统一，也方便我们更好地掌控AJAX请求。不过记住，用的时候别乱调这个全局设置，不然可能会影响到页面功能。
$.ajaxPrefilter()
其实，.$ajaxPrefilter()就像我们平时说的自我介绍一样，帮着给所有的AJAX请求先打个基础。不过，这个东东不是一直都在默默工作的，而是等到你真正用到的时候它才启动。所以在发起请求前，你可以先检查一下该传些什么参数或者接收到的数据有没有问题。要是觉得有必要的话，也可以略微调－下，看看需要进行哪些修改或者检查。
用这Ajaxfiler，随时帮您查输入的选择对不对。然后记得核对一下原选项跟返回的jqXHR这样才能确保Ajax操作顺风顺水！
把选项的那个网址加到”/api”前面就行了。
看好了咱只需在ajax链接前加上”/api”就搞定了，真的超级简单。而且还有个$ajaxPrefilter()函数让你玩，调节请求顺序也就是小菜一碟！
$.ajaxTransport()
除了那些大家都知道的传输方法，比如XMLHttpRequest和script标签这些， jQuery还给了咱们另一个自己定制的方法！有了$.ajaxTransport()这个神器，遇到啥问题都能轻松解决！而且还能提高网页加载速度哟～下面我就跟大家好好聊聊怎么掌握这个技巧啦～
咱们给那个’+image’的ajax传值方式动个小手脚。
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
options.url = "/api" + options.url;
});
//使用Image对象进行传输
var img = new Image();
img.src = options.url;
return {
好了，现在就差把” headers”和” completeCallback”搞定
//发送图片请求
},
abort: function(){
$.ajaxTransport("+image", function(options, originalOptions, jqXHR) {
var img,
deferred = $.Deferred(),
dataType = options.dataType || "";
if (dataType.toLowerCase() === "image") {
img = new Image();
img.onload = function() {
deferred.resolve(this);
};
img.onerror = function() {
deferred.reject();
};
img.src = options.url;
return deferred.promise();
}
});
//中止请求
}
};
告诉你个好消息，我们最近搞来了个新鲜玩意儿——”+image”数据类型。简单来说就是能把图片变成数字信号，这样传送起来飞快，看起来也流畅得多。现在大家肯定都在享受这种快速的体验！
$.holdReady()
如果遇到急事处理不了或者需要等待，觉得jQuery(document).ready()速度太快咋办呢?别怕，我这有招，使用$.holdReady()来暂时暂停好了，等到需要时再恢复就成。
//暂停就绪事件
$.holdReady(true);
//异步操作
>/ settings 获取到了，来看下里面的内容。
$.holdReady(true);
$.get("/settings", function(data) {
// Some data processing here
$.holdReady(false);
});
//处理获取到的数据
//恢复就绪事件
$.holdReady(false);
好了！jQuery就放一边儿，等我们完成同步再回头搞它。别忘了用这个神奇的$$.holdReady()，用对了，你的代码速度就超级快了！要注意，只能放在适合的地方。
别担心，学习用jQuery的几个神奇功能：$.ajaxSetup(),$.ajaxPrefilter(),$.ajaxTransport()和$.holdReady()，你就能轻松应对网页上的Ajax请求。这个神奇功能可以帮你提高网页加载速度和任务顺序处理效率，让你的开发过程更加得心应手。看看代码，简直跟玩游戏似的舒坦！美化效果也给你升级了许多，就像装修房子一样好看，用户体验更快更流畅，他们使用起来会觉得像是生活在互联网的天堂，心情美美的！
评论0