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

来源：互联网发布：什么是软件界面设计编辑：程序博客网时间：2024/06/07 02:05

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");
});

0 0