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

最新推荐文章于 2023-07-28 10:00:37 发布

稚枭天卓

最新推荐文章于 2023-07-28 10:00:37 发布

阅读量2k

点赞数

分类专栏： AJAX入门 jQuery 入门文章标签： ajaxSuccess load ajaxSend ajax jQuery

本文链接：https://blog.csdn.net/u013630349/article/details/51985070

版权

jQuery 入门同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

AJAX入门

18 篇文章 1 订阅

订阅专栏

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

收藏

觉得还不错? 一键收藏
0
评论
jQuery 之 ajaxSend，ajaxSuccess 和 load 方法（16）

jQuery ajaxSend() 方法ajaxSend() 方法规定 AJAX 请求即将发送时运行的函数。注意：自 jQuery 版本 1.8 起，该方法只被附加到文档。语法$(document).ajaxSend(function(event,xhr,options))function(event,xhr,options) 必需。规定当请求成功时运行的函数。额外的参
复制链接

扫一扫

专栏目录