Jquery中$.post和$.ajax的用法小结
Jquery的$.ajax的用法:
jQuery.ajax(options):通过HTTP请求加载远程数据,这个是jQuery的底层AJAX实现。简单易用的高层实现见$.get,$.post等。
$.ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。
注意:如果你指定了dataType选项,请确保服务器返回正确的MIME信息,(如xml返回"text/xml")。错误的MIME类型可能导致不可预知的错误。见SpecifyingtheDataTypeforAJAXRequests。
当设置datatype类型为'script'的时候,所有的远程(不在同一个域中)POST请求都回转换为GET方式。
$.ajax()只有一个参数:参数key/value对象,包含各配置及回调函数信息。详细参数选项见下。
jQuery1.2中,您可以跨域加载JSON数据,使用时需将数据类型设置为JSONP。使用JSONP形式调用函数时,如"myurl?callback=?"jQuery将自动替换?为正确的函数名,以执行回调函数。数据类型设置为"jsonp"时,jQuery将自动调用回调函数。(这个我不是很懂)
jqueryajax参数列表:
url(String)
(默认:当前页地址)发送请求的地址。
type(String)
请求方式(参数有两种"POST"和"GET"),默认为"GET"。注意:其它HTTP请求方法,如PUT和DELETE也可以使用,但仅部分浏览器支持。
timeout(Number)
设置请求超时时间(毫秒)。此设置将覆盖全局设置。
async(Boolean)
(默认:true)设置为true的情况下所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
beforeSend(Function)
发送请求前可修改XMLHttpRequest对象的函数,如添加自定义HTTP头。XMLHttpRequest对象是唯一的参数。
function(XMLHttpRequest){ this;//theoptionsforthisajaxrequest }
cache(Boolean)
是否将请求结果设置缓存(默认:true),设置为false将不会从浏览器缓存中加载请求信息,注意开发初期最好设置为false,否则不方便调试的哦。
complete(Function)
请求完成后回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象,成功信息字符串。
function(XMLHttpRequest,textStatus){ this;//theoptionsforthisajaxrequest }
contentType(String)
(默认:"application/x-www-form-urlencoded")发送信息至服务器时内容编码类型。默认值适合大多数应用场合。
data(Object,String)
发送到服务器的数据。将自动转换为请求字符串格式。GET请求中将附加在URL后。查看processData选项说明以禁止此自动转换。必须为Key/Value格式。如果为数组,jQuery将自动为不同值对应同一个名称。如{foo:["bar1","bar2"]}转换为'&foo=bar1&foo=bar2'。
dataType(String)
定义服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息返回responseXML或responseText,并作为回调函数参数传递,可用值:
"xml":返回XML格式数据,可用jQuery处理。
"html":返回纯文本HTML格式数据;可包含script元素。
"script":返回纯文本JavaScript代码。不会自动缓存结果。
"json":返回JSON数据。
"jsonp":JSONP格式。使用JSONP形式调用函数时,如"myurl?callback=?"jQuery将自动替换?为正确的函数名,以执行回调函数。
error(Function)
(默认:自动判断(xml或html))请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest对象,错误信息,(可能)捕获的错误对象。
function(XMLHttpRequest,textStatus,errorThrown){ //通常情况下textStatus和errorThown只有其中一个有值 this;//theoptionsforthisajaxrequest }
global(Boolean)
是否触发全局AJAX事件(默认:true)。设置为false将不会触发全局AJAX事件,如ajaxStart或ajaxStop。可用于控制不同的Ajax事件
ifModified(Boolean)
(默认:false)仅在服务器数据改变时获取新数据。使用HTTP包Last-Modified头信息判断。
processData(Boolean)
设置发送数据的信息格式(默认:true),设置为true的时候发送的数据将被转换为对象(技术上讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或其它不希望转换的信息,请设置为false。
success(Function)
请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
function(data,textStatus){ //datacouldbexmlDoc,jsonObj,html,text,etc... this;//theoptionsforthisajaxrequest }
下面以一则示例解释一下该方法的具体的用法:
$.ajax({ type:'get', url:'http://www.www.daimajiayuan.com/rss', beforeSend:function(XMLHttpRequest){ //ShowLoading(); }, success:function(data,textStatus){ $('.ajax.ajaxResult').html(''); $('item',data).each(function(i,domEle){ $('.ajax.ajaxResult').append('<li>'+$(domEle).children('title').text()+'</li>'); }); }, complete:function(XMLHttpRequest,textStatus){ //HideLoading(); }, error:function(){ //请求出错处理 } });
更为具体的jqueryajax用法说明请参看这里:http://www.w3school.com.cn/jquery/ajax_ajax.asp
Jquery的$.post的用法:
3.jQuery.post(url,[data],[callback],[type]):使用POST方式来进行异步请求
jquery$.post方法参数列表(说明):
url(String):发送请求的URL地址.
data(Map):(可选)要发送给服务器的数据,以Key/value的键值对形式表示,可将此值放到url中。
callback(Function):(可选)载入成功时回调函数(只有当Response的返回状态是success才能调用该方法)。
type(String):(可选)客户端请求的数据类型(JSON,XML,等等)
这是一个简单的POST请求功能以取代复杂$.ajax,请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。
下面是一个使用$.post的简单示例代码:
$.post( 'http://www.daimajiayuan.com/ajax.php', {Action:"post",Name:"lulu"}, function(data,textStatus){ //data可以是xmlDoc,jsonObj,html,text,等等. //this;//这个Ajax请求的选项配置信息,请参考jQuery.get()说到的this alert(data.result); }, "json"//这里设置了请求的返回格式为"json" );
如果你设置了请求的格式为"json",此时你没有设置Response回来的ContentType为:Response.ContentType="application/json";那么你将无法捕捉到返回的数据。
注意,上面的示例中alert(data.result);由于设置了Accept报头为"json",这里返回的data就是一个对象,因此不需要用eval()来转换为对象。
以上所述就是本文的全部内容了,希望大家能够喜欢。