Ajax

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Ajax

Ajax

異步無刷新技術

核心對象

XMLHttpRequest對象

獲取xhr對象:var xhr = new? XMLHttpRequest();

onreadystatechange 監(jiān)聽readystate值變化的事件

readystate 數據響應的響應

0=未初始化?

1=已經調用open方法,但未調用send方法

2=調用send方法,但未開始響應

3=響應部分響應

4=完全響應數據,且可以使用

status 響應狀態(tài)碼

200=響應成功

500=服務器異常(報錯)

404=未找到資源

statusText 狀態(tài)碼的說明

responseText 響應的數據

Aajx的實現流程

1、創(chuàng)建XMLHttpRequest對象

2、打開請求/準備請求

xhr.open(參數1,參數2,參數3)

參數1:請求的方式? (GET|POST)

參數2:請求的路徑? (請求地址,如果是GET請求,參數直接拼接在地址欄后面)

參數3:是否異步 ? ? (true|false。默認是true,表示異步)

3、發(fā)送請求

xhr.send(參數)

參數:要傳遞的數據(參數)

如果是GET請求:send(null);

如果數POST請求:有參數,則設置參數,無參數則設置為null

4、接收響應

如果響應成功,接收數據

status==200

xhr.responseText


1、創(chuàng)捷XMLHttpRequest對象

var 變量名=new XMLHttpRequest();

2、打開請求|準備請求

變量名.open(參數1,參數2,boolean值)、

3、發(fā)送請求

變量名.send(參數)

4、接收響應

console.log(變量名.responseText)

$.ajax({

type:"get|post",

url:"地址",

date:"date參數以{key:value}格式",

success: function(參數){

console.log(參數)

}

});

$.get("url地址",date參數以{key:value}格式,function(參數){

console.log(參數)

});

$.post(url地址,date參數以{key:value}格式,function(參數){

console.log(參數)

});

$.getsJSON(url地址,date參數以{key:value}格式,function(參數){

console.log(參數)

});

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

相關閱讀更多精彩內容

  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,574評論 0 7
  • ??2005 年,Jesse James Garrett 發(fā)表了一篇在線文章,題為“Ajax: A new App...
    霜天曉閱讀 943評論 0 1
  • ajax 先了解傳統web交互用戶觸發(fā)一個http請求服務器,然后服務器收到之后,在做出響應到用戶,并且返回一個新...
    代碼敲不完閱讀 408評論 1 1
  • ajax作為前端開發(fā)必需的基礎能力之一,你可能會使用它,但并不一定懂得其原理,以及更深入的服務器通信相關的知識。在...
    蕭玄辭閱讀 887評論 0 0
  • 盼雨一直令人焦頭爛額 雨來卻讓人猝不及防 雨勢急如揮鞭,或如揮鞭的手臂 對我們膽怯的奴性充滿了鄙夷 有幾多苦難我們...
    錢方軍閱讀 456評論 2 13

友情鏈接更多精彩內容