jQuery如何使用ajaxSend()方法（代码示例）

ajaxSend()方法在jQuery中用于指定当AJAX请求即将发送。
语法如下：

$(document).ajaxSend( function(event, xhr, options) )

参数：该方法接受强制性的单参数功能。该函数接受上述和以下所述的三个参数：

event：它保存事件对象。
xhr：它包含XMLHttpRequest对象。
options：它在AJAX请求中保留使用的选项。

存储在服务器上的demo.txt文件, 单击该文件后将加载
改变内容
按钮。
demo.txt：

This is GFG.

范例1：本示例通过从服务器获取数据来更改< p> 元素的内容。当AJAX请求准备好发送时, 页面会显示AJAX请求即将发送.

< !DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < !-- Script to use ajaxSend() method --> < script > $(document).ready(function() { $(document).ajaxSend(function() { alert("AJAX request is about to send"); }); $("button").click(function() { $("#paragraph").load("demo.txt"); }); }); < / script > < / head > < body style = "text-align:center; " > < div id = "div_content" > < h1 style = "color: green; " > lsbin < / h1 > < p id = "paragraph" style = "font-size: 20px; " > A computer science portal for geeks < / p > < / div > < button > Change Content < / button > < / body > < / html >

输出如下：
在单击按钮之前：

文章图片
单击按钮后：

文章图片

文章图片
范例2：本示例通过从服务器获取数据来更改< h1> 元素的内容。当AJAX请求准备好发送时, 页面会显示AJAX请求即将发送.

< !DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < !-- Script to use ajaxSend() method --> < script > $(document).ready(function() { $(document).ajaxSend(function() { alert("AJAX request is about to send"); }); $("button").click(function() { $("#heading").load("demo.txt"); }); }); < / script > < / head > < body style = "text-align:center; " > < div id = "div_content" > < h1 id = "heading" style = "color: green; " > lsbin < / h1 > < p style = "font-size: 20px; " > A computer science portal for geeks < / p > < / div > < button > Change Content < / button > < / body > < / html >

输出如下：
在单击按钮之前：