jq实现Ajax的过程

2016-11-21 19:02:19来源:CSDN作者:mr_fzz人点击

1.$.ajax()

post

$.ajax({    //请求方式    type:'POST',    //发送请求的地址    url:'fzz.php',    //服务器返回的数据类型    dataType:'json',    //发送到服务器的数据,对象必须为key/value的格式,jquery会自动转换为字符串格式    data:{name:xxx,age:xxx},    success:function(data){        //请求成功函数内容    },    error:function(jqXHR){        //请求失败函数内容    }});

get

$.ajax({//请求方式    type:'GET',    //发送请求的地址以及传输的数据    url:'fzz.php?number'+=xxx,    //服务器返回的数据类型    dataType:'json',    //发送到服务器的数据,对象必须为key/value的格式,jquery会自动转换为字符串格式    data:{name:xxx,age:xxx},    success:function(data){        //请求成功函数内容    },    error:function(jqXHR){        //请求失败函数内容    }});

2.$.get()

$.get('fzz.php',{    //发送至服务器的数据,格式为key/value    number:xxx  },function(data){    //请求成功时的callback},'json');//json为返回内容的格式

3.$.post()

post方法同上

4.load()方法

能载入远程HTML代码并插入DOM中

//data为发送的key/value数据,可选//callback为请求完成的回调,可选无论请求成功或失败都会调用$('xxx').load('fzz.html',data,callback);

5.serialize()方法

serialize()作用于一个jQuery对象,能够将DOM元素内容序列化为字符串,用于Ajax请求.

    $('#form1').serialize();

解析的格式像这样:username=fzz&content=1

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台