jQuery 之 ajaxSend，ajaxSuccess 和 load 方法（16）

曾经终败给现在 2022-09-24 00:22 44阅读 0赞

jQuery ajaxSend() 方法  
ajaxSend() 方法规定 AJAX 请求即将发送时运行的函数。  
注意：自 jQuery 版本 1.8 起，该方法只被附加到文档。  
语法  
$(document).ajaxSend(function(event,xhr,options))  
function(event,xhr,options)  
必需。规定当请求成功时运行的函数。  
额外的参数：  
event - 包含 event 对象  
xhr - 包含 XMLHttpRequest 对象  
options - 包含 AJAX 请求中使用的选项  
  
当 AJAX 请求即将发送时，改变 <div> 元素的内容：

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $(document).ajaxSend(function(e,xhr,opt){
        $("div").append("<p>Requesting " + opt.url + "</p>");
      });
      $("button").click(function(){
        $("div").load("demo_ajax_load.php");
      });
    });
    </script>
    </head>
    <body>
    <div><h2>使用 AJAX 修改文本</h2></div>
    <button>修改内容</button>
    </body>
    </html>

===================================================  
jQuery ajaxSuccess() 方法  
ajaxSuccess() 方法规定 AJAX 请求成功完成时运行的函数。  
注意：自 jQuery 版本 1.8 起，该方法只被附加到文档。  
语法  
$(document).ajaxSuccess(function(event,xhr,options))  
  
function(event,xhr,options)  
必需。规定如果请求成功时运行的函数。  
额外的参数：  
event - 包含 event 对象  
xhr - 包含 XMLHttpRequest 对象  
options - 包含 AJAX 请求中使用的选项  
  
当 AJAX 请求成功完成时，触发一个提示框：  
$(document).ajaxSuccess(function()\{  
alert("AJAX request successfully completed");  
\});  
===================================================  
jQuery load() 方法  
load() 方法从服务器加载数据，并把返回的数据放置到指定的元素中。  
注意：还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。  
语法  
$(selector).load(url,data,function(response,status,xhr))  
url 必需。规定您需要加载的 URL。  
data 可选。规定连同请求发送到服务器的数据。  
function(response,status,xhr)  
可选。规定 load() 方法完成时运行的回调函数。  
额外的参数：  
response - 包含来自请求的结果数据  
status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）  
xhr - 包含 XMLHttpRequest 对象  
  
把文件 "demo\_test.txt" 的内容加载到指定的 <div> 元素：  
$("button").click(function()\{  
$("\#div1").load("demo\_test.txt");  
\});