jQuery | ajaxStart() 方法

简介

ajaxStart() 方法是 jQuery 中的一个全局 AJAX 事件的回调函数，用于在 AJAX 请求开始时执行一些操作，例如显示加载动画或禁用某些按钮。此方法必须与 $(document).ajaxStart() 或 $(document).on('ajaxStart') 一起使用。

语法

$(document).ajaxStart(function() {
  // code to be executed when an AJAX request begins
});

参数

此方法没有任何参数。

返回值

此方法没有任何返回值。

例子

显示加载动画

$(document).ajaxStart(function() {
  $('#loading').show();
});

$(document).ajaxStop(function() {
  $('#loading').hide();
});

以上代码将在每个 AJAX 请求开始时显示 id 为 loading 的元素，请求完成后隐藏它，从而实现一个简单的加载动画。

禁用按钮

$(document).ajaxStart(function() {
  $('button').prop('disabled', true);
});

$(document).ajaxStop(function() {
  $('button').prop('disabled', false);
});

以上代码将在每个 AJAX 请求开始时禁用所有的按钮，请求完成后重新启用它们。

注意事项

• ajaxStart() 方法必须与 $(document).ajaxStart() 或 $(document).on('ajaxStart') 一起使用，否则不会生效。
• ajaxStart() 方法只能添加一次，如果添加多次，则后面的方法将覆盖前面的方法。
• ajaxStart() 方法只能在文档加载完成后执行，否则不会生效。