jQuery之Ajax方法教程
ajax() 方法用于执行 AJAX(异步 HTTP)请求。
- 所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。
- 语法:$.ajax({name:value, name:value, ... })
可能的名称/值:
- async 布尔值,表示请求是否异步处理。默认是true。
- beforeSend(xhr)发送请求前运行的函数。
- cache 布尔值,表示浏览器是否缓存被请求页面。默认是true。
- complete(xhr,status) 请求完成时运行的函数(在请求成功或失败之后均调用,即在success和error函数之后)。
- contentType 发送数据到服务器时所使用的内容类型。默认是:"application/x-www-form-urlencoded"。
- context 为所有AJAX相关的回调函数规定"this"值。
- data 规定要发送到服务器的数据。
- dataFilter(data,type) 用于处理XMLHttpRequest原始响应数据的函数。
- dataType 预期的服务器响应的数据类型。
- error(xhr,status,error)如果请求失败要运行的函数。
- global 布尔值,规定是否为请求触发全局AJAX事件处理程序。默认是true。
- ifModified 布尔值,规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是false。
- jsonp 在一个jsonp中重写回调函数的字符串。
- jsonpCallback 在一个jsonp中规定回调函数的名称。
- password 规定在HTTP访问认证请求中使用的密码。
- processData 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是true。
- scriptCharset 规定请求的字符集。
- success(result,status,xhr)当请求成功时运行的函数。
- timeout 设置本地的请求超时时间(以毫秒计)。
- traditional 布尔值,规定是否使用参数序列化的传统样式。
- type 规定请求的类型(GET或POST)。
- url 规定发送请求的URL。默认是当前页面。
- username 规定在HTTP访问认证请求中使用的用户名。
- xhr 用于创建XMLHttpRequest对象的函数。
- $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前,处理自定义 Ajax 选项或修改已存在选项
- ajaxSetup() 方法为将来的 AJAX 请求设置默认值。
$("button").click(function(){
$.ajaxSetup({
url:"demo_ajax_load.txt",
success:function(result){
$("div").html(result);
}
});
$.ajax();
});
- $.ajaxTransport() 创建处理 Ajax 数据实际传送的对象
- $.get() 使用 AJAX 的 HTTP GET 请求从服务器加载数据
- $.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码的数据
- $.getScript() 使用 AJAX 的 HTTP GET 请求从服务器加载并执行 JavaScript
$("button").click(function(){
$.getScript("demo_ajax_script.js");
});
- $.param() 创建数组或对象的序列化表示形式(可用于 AJAX 请求的 URL 查询字符串)
$(document).ready(function(){
personObj=new Object();
personObj.firstname="John";
personObj.lastname="Doe";
personObj.age=50;
personObj.eyecolor="blue";
$("button").click(function(){
$("div").text($.param(personObj));
});
});
- $.post() 使用 AJAX 的 HTTP POST 请求从服务器加载数据
- ajaxComplete() 规定 AJAX 请求完成时运行的函数
$(document).ajaxStart(function(){
$("#wait").css("display","block");
});
$(document).ajaxComplete(function(){
$("#wait").css("display","none");
});
- ajaxError() 规定 AJAX 请求失败时运行的函数
- ajaxSend() 规定 AJAX 请求发送之前运行的函数
$(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");
});
});
- ajaxStart() 规定第一个 AJAX 请求开始时运行的函数
- ajaxStop() 规定所有的 AJAX 请求完成时运行的函数
- ajaxSuccess() 规定 AJAX 请求成功完成时运行的函数
- load() 从服务器加载数据,并把返回的数据放置到指定的元素中
- serialize() 编码表单元素集为字符串以便提交
$(document).ready(function(){
$("button").click(function(){
$("div").text($("form").serialize());
});
});
- serializeArray() 编码表单元素集为 names 和 values 的数组