jQuery AJAX
1.JQ的AJAX
$.ajax()
$.ajax( options ) : 通过 HTTP 请求加载远程数据
参数名称 | 类型 | 说明 |
type | string | "get"或"post" |
url | string | 发送请求的URL |
timeout | number | 超时时间(毫秒) |
async | Boolean | 默认: true , 为异步请求 |
data | string 或 object | 要发送给服务器的数据。示例: "name=abc&age=19"或 {name:"abc",age:"19"} |
参数名称 | 类型 | 说明 |
success | function | 请求成功的回调函数 |
error | function | 请求失败的回调函数 |
complete | function | 请求完成后的回调函数,无论成功与失败 |
cache | Boolean | 默认: true , 为false不读取缓存 |
dataType | string | 服务器返回的数据类型。特殊的格式JQ会进行预解析和兼容性修复。可选择的值: "xml" , "html" , "script" , "json" , "text"等 |
序列化
$(form).serialize()
将一个form表单内的所有数据转换为可以发送给服务器的字符串
通过序列化表单值,创建URL编码文本字符串
url:"act.php?"+$("form").serialize(), "act.php?name=小明&age=19&msg=a"
2.load()
$(parent).load( url [, data] [, callback]);
请求一个HTML页面,并替换为parent的innerHTML
url : 请求HTML页面的URL
data : 可选,发送至服务器的数据
callback : 可选,请求完成时的回调,无论成功失败
3.get()与post()
GET()
$.get( url [, data] [, callback] [, dataType]);
get方式请求指定的url。
url : 请求的URL
data : 可选,发送至服务器的数据
callback : 可选,请求完成时的回调函数
dataType : 可选,参照$.ajax参数中的dataType
$.get("act.php",{user:"cainiao",pass:"123"},function (data){
var str=eval('('+data+')');
alert(str.msg);
});
POST()
$.post与$.get相同, 唯一的不同就是请求是以post方式进行。
$.post("act.php",{user:"cainiao",pass:"123"},function (data){
var str=eval('('+data+')');
alert(str.msg);
});
4.getScript()与getJson()
$.getScript()
.getScript(url [, callback]); 加载一段JS并执行
$.getScript("test.js",function (data){
alert(data);
});
$.getJson()
$.getJSON(url [, callback]); 加载一段JSON并解析