在前端开发中，我们通常使用jQuery来处理Ajax请求。其中，.ajaxStart()是一个非常实用的函数，可以在每个Ajax请求开始时执行一些操作。但有时候你可能不想在所有Ajax请求上都执行这些操作，而只是希望在特定的Ajax请求上执行。本文将介绍如何在特定的Ajax请求上调用.ajaxStart()。
什么是.ajaxStart()函数
.ajaxStart()函数是jQuery提供的一个全局事件处理器，它会在每个Ajax请求开始之前触发。我们可以利用这个函数，在每个Ajax请求开始时执行一些操作，比如显示加载动画或者禁用表单提交按钮等。例如：
$(document).ajaxStart(function() {
$( "#loading" ).show();
});以上代码表示，当任何Ajax请求开始之前，都会执行$( "#loading" ).show()函数，即显示一个名为“loading”的元素。
假设我们现在有两个Ajax请求：一个是向后台发送数据（POST请求），另一个是从后台获取数据（GET请求）。我们只想在发送数据的请求上执行.ajaxStart()函数。那么该如何实现呢？
方法一：使用$.ajaxSetup()函数
$.ajaxSetup()函数可以设置Ajax请求的全局默认选项，包括URL、请求方式、请求头等。我们可以在这里定义 beforeSend 函数，并在其中执行.ajaxStart()函数。在发送数据的请求中，我们可以覆盖这个 beforeSend 函数，在其中再次执行.ajaxStart()函数。示例代码如下：
-- -------------------- ---- -------
-- --------
-------------
----------- ---------- -
-- ---------------
-- ---------- ---------
-
---
-- -----------
--------
----- -------
---- ------------
----- -
---- -----
--
----------- ---------- -
-- ----------------------
-- ---------- ---------
-
---
-- -----------
------------------ -------------- -
------------------
---以上代码中，我们首先使用$.ajaxSetup()函数设置了一个全局默认选项，并在其中定义了一个 beforeSend 函数。该函数会在每个Ajax请求开始之前都执行。然后，对于发送数据的Ajax请求，我们在 beforeSend 函数中再次执行了$( "#loading" ).show()函数，以覆盖全局默认选项中的beforeSend函数。
方法二：使用$.ajax()函数
除了$.ajaxSetup()函数外，我们还可以直接使用$.ajax()函数来发送Ajax请求，并在其中定义 beforeSend 函数。同样地，在发送数据的请求中，我们可以覆盖这个 beforeSend 函数，在其中再次执行.ajaxStart()函数。示例代码如下：
-- -------------------- ---- -------
-- -----------
--------
----- -------
---- ------------
----- -
---- -----
--
----------- ---------- -
-- ---------------
-- ---------- ---------
-
---
-- -----------
------------------ -------------- -
------------------
---以上代码中，我们直接使用$.ajax()函数发送了一个POST请求，并在其中定义了一个 beforeSend 函数。该函数会在每个Ajax请求开始之前都执行。然后，对于发送数据的Ajax请求，我们在 beforeSend 函数中再次执行了$( "#loading" ).show()函数，以覆盖全局默认选项中的beforeSend函数。
总结
本文介绍了如何在特定的Ajax请求上调用.ajaxStart()函数。我们可以使用$.ajaxSetup()函数或者$.ajax()函数，在发送特定的Ajax请求时覆盖全局默认选项中的beforeSend函数，并在其中再次执行.ajaxStart()函数。这种方法可以帮助我们更灵活地控
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606f1e942d2a29a3c1203454