Web基礎(chǔ)之jQuery對Ajax的支持

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)用自定義的方法

博客地址:Web基礎(chǔ)之jQuert對Ajax的支持

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,557評論 0 7
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,537評論 19 139
  • 每日箴言: 每個人都有選擇的權(quán)利,你不選擇我,說明你選擇了比我更重要的東西。[http://requirejs.o...
    全棧弄潮兒閱讀 3,047評論 2 85
  • 第1章 jQuery實現(xiàn)Ajax應(yīng)用 1-1 使用load()方法異步請求數(shù)據(jù) 使用load()方法通過Ajax請...
    mo默22閱讀 1,886評論 1 9
  • 我喜歡,圖書館那個三面是落地窗背后是書架的位置。抬頭就能看到藍天、白云,在陽光下發(fā)著透亮的綠的榕樹葉子。夏...
    林曉玟閱讀 213評論 0 5

友情鏈接更多精彩內(nèi)容