以下方法都是Ajax 事件 function(event,xhr,options) event - 包含 event 对象; xhr - 包含 XMLHttpRequest(XMLHttpRequest 对象和设置作为参数传递给回调函数) 对象; options - 包含 AJAX 请求中使用的选项
jQuery.ajax()
.ajaxComplete()
1 .jQueryajaxComplete(function(event,xhr,options))//规定当请求完成时运行的函数
2
3 $("#txt").ajaxStart(function(){
4 $("#wait").css("display","block");
5 });
6 $("#txt").ajaxComplete(function(){
7 $("#wait").css("display","none");
8 });//当 AJAX 请求正在进行时显示“正在加载”的指示
.ajaxError()
.ajaxError(function(event,xhr,options,exc))//在 AJAX 请求发生错误时执行函数(exc - 包含 JavaScript exception) $("div").ajaxError(function(){ alert("An error occurred!"); }); function (event, XMLHttpRequest, ajaxOptions, thrownError) { // thrownError 只有当异常发生时才会被传递 this; }//捕捉到的错误可作为最后一个参数传递
.ajaxSend()
.ajaxSend(function(event,xhr,options))//ajaxSend() 方法在 AJAX 请求开始时执行函数
$("div").ajaxSend(function(e,xhr,opt){
$(this).html("Requesting " + opt.url);
});//当 AJAX 请求即将发送时,改变 div 元素的内容
$("#id").ajaxSend(function(event,xhr,options){ })是全局事件,也就是说,只要该页面定义了这个函数,那么,在每个ajax请求前都会执行该函数,这既与该函数前面的选择器#id无关,也与用$.get还是$.post请求无关
jQuery.ajaxSetup()
jQuery.ajaxSetup(name:value, name:value, ...)//jQuery.ajaxSetup() 方法设置全局 AJAX 默认选项 $("button").click(function(){ $.ajaxSetup({url:"demo_ajax_load.txt",success:function(result){ $("div").html(result);}}); $.ajax(); });//为所有 AJAX 请求设置默认 URL 和 success 函数
.ajaxStart()
ajaxStart() 方法在 AJAX 请求发送前执行函数
$("div").ajaxStart(function(){
$(this).html("<img src='demo_wait.gif' />");
});//当 AJAX 请求开始时,显示“加载中”的指示
.ajaxStop()
ajaxStop() 方法在 AJAX 请求结束时执行函数。
$("div").ajaxStop(function(){
alert("所有 AJAX 请求已完成");
});
无论 Ajax 请求在何时完成 ,jQuery 都会检查是否存在其他 Ajax 请求。如果不存在,则 jQuery 会触发该 ajaxStop 事件
.ajaxSuccess()
ajaxSuccess() 方法在 AJAX 请求成功时执行函数
$("div").ajaxSuccess(function(){
alert("AJAX 请求已成功完成");
});
jQuery.get()
get() 方法通过远程 HTTP GET 请求载入信息。 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax $("button").click(function(){ $.get("demo_ajax_load.txt", function(result){ $("div").html(result); }); });//使用 AJAX 的 GET 请求来改变 div 元素的文本
$(selector).get(url,data,success(response,status,xhr),dataType)
参数 | 描述 |
---|---|
url | 必需。规定将请求发送的哪个 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
success(response,status,xhr) |
可选。规定当请求成功时运行的函数。 额外的参数:
|
dataType |
可选。规定预计的服务器响应的数据类型。 默认地,jQuery 将智能判断。 可能的类型:
|
jQuery.getJSON()
通过 HTTP GET 请求载入 JSON 数据 jQuery.getJSON(url,data,success(data,status,xhr))
$("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); });//使用 AJAX 请求来获得 JSON 数据,并输出结果
参数 | 描述 |
---|---|
url | 必需。规定将请求发送的哪个 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
success(data,status,xhr) |
可选。规定当请求成功时运行的函数。 额外的参数:
|
jQuery.getScript()
jQuery.getScript(url,success(response,status)) getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件 $("button").click(function(){ $.getScript("demo_ajax_script.js"); });//通过 AJAX 请求来获得并运行一个 JavaScript 文件
参数 | 描述 |
---|---|
url | 将要请求的 URL 字符串。 |
success(response,status) |
可选。规定请求成功后执行的回调函数。 额外的参数:
|
.load()
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中
load(url,data,function(response,status,xhr))
jQuery.param()
param() 方法创建数组或对象的序列化表示。
jQuery.post()
post() 方法通过 HTTP POST 请求从服务器载入数据
.serialize()
serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
.serializeArray()
serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)