jQuery對Ajax的支持
1)load()方法:
①作用:將服務(wù)器返回的數(shù)據(jù)直接插入到符合要求的節(jié)點之上,并向服務(wù)器發(fā)送異步請求,相當(dāng)于:obj.innerHTML=服務(wù)器返回的數(shù)據(jù)。
②用法:$obj.load(url,[data]);
—> url:請求地址,服務(wù)器上的某個組件的地址。
—> data:請求參數(shù),有兩種形式:
A.請求字符串形式:"name=chang&&age=23"
B.對象形式:{'name':'chang','age':23}
【注意:load方法:當(dāng)沒有請求參數(shù)時,會使用get方式向服務(wù)器發(fā)請求,如果有請求參數(shù),會使用post方式向服務(wù)器發(fā)請求?!?/p>
2)$.get()方法
①作用:使用get方式向服務(wù)器發(fā)請求。
②用法:$.get(url,[data],[callback],[type]);
—> url:請求地址。
—> data:請求參數(shù),有兩種形式:同上。
—> callback:是一個回調(diào)函數(shù),格式:function(data,statusText),其中,data是服務(wù)器返回的數(shù)據(jù),statusText是服務(wù)器處理的狀態(tài)。
—> type:服務(wù)器返回的數(shù)據(jù)的類型,有五種:
A.html:返回的是一個html文檔。 B.text:返回的是純文本。
C.json:返回的是json字符串。 D.xml:返回的是一個Xml文檔。
E.script:返回的是一個javascript腳本。
3)$.post()方法:
①作用:使用get方式向服務(wù)器發(fā)請求。
②用法:$.post(url,[data],[callback],[type]);//參數(shù)同上
4)$.ajax()方法:
①作用:異步請求
②用法:$.ajax( { ... } ),參數(shù)順序無所謂。參數(shù)如下:
—> url(string):請求地址。
—> type(string):GET/POST。
—> data(object/string):請求參數(shù)。
—> dataType(string):預(yù)期服務(wù)器返回的數(shù)據(jù)類型。
—> success(function):請求成功后調(diào)用的回調(diào)函數(shù),有兩個參數(shù)function(data,textStatus),其中data是服務(wù)器返回的數(shù)據(jù),textStatus描述狀態(tài)的字符串。
—> error(function):請求失敗時調(diào)用的函數(shù),有三個參數(shù)
function(xhr,textStatus,errorThrown):
A.xhr:底層的XMLHttpRequest對象。 B.textStatus:錯誤的描述。
C.errorThrown:一般為null。
—> async:true(缺省,異步)/false(同步)。
5)自定義方法:
①語法:$.fn.funName=function(){…}
$.fn.red=function(){
this.css("backgroundColor","red");
}
$("#msg_error").red();//調(diào)用自定義的方法