您的位置：首页 > Web前端 > JQuery

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

2016-07-21 17:37 399 查看

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

});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ajaxSuccess load ajaxSend ajax jQuery

相关文章推荐

新的分享

章节导航