本文介绍了jQuery我应该使用多个ajaxStart/ajaxStop处理的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
也许没有什么区别,但是两者都比另一种更好(或者也许比两者更好的神秘的第三种"方式!)...
Maybe there is no difference, but is either way better than the other (or perhaps a mysterious 'third' way better than both!)...
var startTime;
$(document).ready(function() {
$("#lbl_ajaxInProgress").ajaxStart(function() {
// store the current date/time...
startTime = new Date();
// update labels
$(this).text('Yes');
$("#lbl_ajaxCallTime").text("-");
});
$("#lbl_ajaxInProgress").ajaxStop(function() {
// update labels
$(this).text('No');
$("#lbl_ajaxCallTime").text(myFunctionThatCalculatesTime(startTime));
});
});
秒:
var startTime;
$(document).ready(function() {
$("#lbl_ajaxInProgress").ajaxStart(function() {
// update labels
$(this).text('Yes');
});
$("#lbl_ajaxInProgress").ajaxStop(function() {
// update labels
$(this).text('No');
});
$("#lbl_ajaxCallTime").ajaxStart(function() {
// store the current date/time...
startTime = new Date();
// update labels
$(this).text("-");
});
$("#lbl_ajaxCallTime").ajaxStop(function() {
// update labels
$(this).text(myFunctionThatCalculatesTime(startTime));
});
});
推荐答案
一个有趣的事实是ajaxStart等实际上只是jQuery事件.例如:
An interesting fact is that ajaxStart, etc. are actually just jQuery events. For instance:
$("#lbl_ajaxInProgress").ajaxStart(function() {
// update labels
$(this).text('Yes');
});
等效于:
$("#lbl_ajaxInProgress").bind("ajaxStart", function() {
// update labels
$(this).text('Yes');
});
这意味着您还可以将名称空间附加到ajaxStart/ajaxStop等.这也意味着您可以执行以下操作:
This means that you can also attach namespaces to ajaxStart/ajaxStop, etc. Which also means that you can do:
$("#lbl_ajaxInProgress").unbind("ajaxStart ajaxStop");
您也可以这样做:
$("#lbl_ajaxInProgress").bind("ajaxStart.label", function() {
// update labels
$(this).text('Yes');
});
$("#lbl_ajaxInProgress").bind("ajaxStop.label", function() {
// update labels
$(this).text('No');
});
然后:
$("#lbl_ajaxInProgress").unbind(".label");
很酷吧?
这篇关于jQuery我应该使用多个ajaxStart/ajaxStop处理的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!