AJax技术

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

字号+ 作者:H5之家 来源:H5之家 2016-01-17 11:27 我要评论( )

//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:functi

//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为值
*/

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • 判断用户是不是为ajax请求

    判断用户是不是为ajax请求

    2016-02-24 17:00

  • Ajax与WEB开发 by alixixi.com

    Ajax与WEB开发 by alixixi.com

    2016-02-11 11:02

  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

网友点评