首页 > 代码库 > ajax学习(二)-jquery的ajax方法总结

ajax学习(二)-jquery的ajax方法总结

//ajax静态方法-ajax()
//常用ajax属性总结
$.ajax({
url:"",
async:false,
dataType:"jsonp",//jsonp,json,text,html,script,xml
data: {name:"John",location:"Boston"},
timeout:,
type:,//get or post

username:,
password:,

//事件
beforeSend:function(){},
complete:function(){},
error:function(){},
success:function(){},
dataFilter:function(){},

})

//ajax静态方法-ajaxSetup(),用来设置默认的ajax属性,所有属性都可以设置
//栗子:
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});

//ajax静态方法-get()
//最多四个参数,按照顺序分别是:url,data,succese时的function,规定响应的datatype
$.get("test.php",{},function(){

},"json")

//ajax静态方法-getJSON()
//最多三个参数,按照顺序分别是:url,data,succese时的function
$.getJSON("test.json",{},function(){

})

//ajax静态方法-getScript()
//最多两个参数,按照顺序分别是:url,succese时的function
$.getJSON("test.js",function(){

})



//ajax实例方法
/******
ajaxStart(),
ajaxSend(),
ajaxStop(),
ajaxCompleted(),
ajaxError(),
ajaxSuccess()
********/
//栗子
$("div").ajaxStart(function(){

});

//ajax实例方法-load()
//最多三个参数,按照顺序分别是:url,data,完成时的function
//特别的是,url可以加入选择器如"test.json #container",从而只获得某部分的内容
/*
function最多有三个参数:
response,返回的结果数据
status,状态值:success,notmodified,error,timeout,parsererror
xhr,XMLHttpRequest 对象
*/

$("div").load("test.json",{},function(){

})

//高级进阶
//ajax静态方法-param(),序列化一个json对象
//序列化的概念:
//形式上,{ width:1900, height:1200 } ----> width=1680&height=1050
//实际,产生了一个用 encodeURIComponent()编码的url
//补充:decodeURIComponent(),对 encodeURIComponent()函数编码成的url进行解码;
$.param();

//实例方法-serialize(),序列化一个表单的值
$("form").serialize()

 

//实例方法-serializeArray(),序列化一个表单的值,不同的是返回一个json的对象数据
//返回的格式:[{name:a},{name:b},{name:c}]

$("form").serializeArray()

//补充:each方法 
/*
$.each(a,function(k,v){

})//a为一个json或数组对象,k为序号或称为下表,v为值

*/

ajax学习(二)-jquery的ajax方法总结