📜  jQuery | ajaxStart() 方法(1)

📅  最后修改于: 2023-12-03 14:43:14.865000             🧑  作者: Mango

jQuery | ajaxStart() 方法

简介

ajaxStart() 方法是 jQuery 的全局函数,用于在 AJAX 请求开始发送时执行一个函数。该方法相当于一个 AJAX 事件处理程序,它被添加到 document 对象上,并在页面上的每个 AJAX 请求发生时触发。

$(document).ajaxStart(function(){
    // 在 AJAX 请求发送之前执行的代码
});
语法
$(document).ajaxStart(function(){
    // 在 AJAX 请求发送之前执行的代码
});
参数

ajaxStart() 方法没有参数。

返回值

ajaxStart() 方法没有返回值。

示例
$(document).ajaxStart(function(){
    $("#loading").show();
});

$(document).ajaxComplete(function(){
    $("#loading").hide();
});

$.get("example.php", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
});

在这个例子中,我们定义了两个 AJAX 事件处理程序,分别是 ajaxStart()ajaxComplete()。当发送 AJAX 请求时,ajaxStart() 方法会显示一个加载图标。当请求完成后,ajaxComplete() 方法会隐藏该加载图标。

注意事项
  • ajaxStart() 方法只有在页面上发生 AJAX 请求时才会被触发。
  • ajaxStart() 方法只与 AJAX 相关,不会触发普通的 HTTP 请求。
  • ajaxStart() 方法是全局函数,对于每个页面只需要定义一次即可。