17、AJAX初識1

什么是AJAX?

AJAX全稱是 Asynchronous JavaScript And XML.

AJAX的特點(diǎn):

  • 不刷新頁面更新網(wǎng)頁
  • 在頁面加載后從服務(wù)器請求數(shù)據(jù)
  • 在頁面加載后從服務(wù)器接收數(shù)據(jù)
  • 在后臺向服務(wù)器發(fā)送數(shù)據(jù)
它是現(xiàn)在前端和后臺數(shù)據(jù)交互的主要方法

使用AJAX的步驟:

頁面的交互就像我們和他們的聯(lián)系一樣,分為四步:
1、選擇聯(lián)系對象,在程序中就是創(chuàng)建AJAX對象
2、選擇用什么方式聯(lián)系,我們可以選擇打電話,或者發(fā)短信,在程序中同樣有不同的關(guān)聯(lián)類型
3、發(fā)送請求,就像我們輸入電話號碼并撥通一樣,程序同樣有著發(fā)送請求的步驟
4、響應(yīng)請求,我們給別人打電話,他可能會接,也可能不接,接了我們會怎樣,不接又會作何反應(yīng),程序中也一樣,請求被響應(yīng)我們需要執(zhí)行什么功能,不被響應(yīng)又需要執(zhí)行什么功能,
就是一下步驟
1、創(chuàng)建AJAX對象

  • var oAjax = new XMLHttpRequest()
    2、規(guī)定請求的類型
  • oAjax.open(method,url,async);分別代表請求的類型,請求地址和同步異步,true為異步,false為同步,因?yàn)楫惒侥芄ね瑫r傳輸大量數(shù)據(jù),所以我們主要使用異步,也就是true,同步很少被用到
    3、發(fā)送請求
  • oAjax.send()
    4、響應(yīng)請求
  • redyState 屬性
  • 存留XMLHttpRequest 的狀態(tài)
    0: 請求未初始化
    1: 服務(wù)器連接已建立
    2: 請求已接收
    3: 正在處理請求
    4、 請求已完成且響應(yīng)已就緒*
  • onreadystatechange 屬性
    定義當(dāng)readyState發(fā)生變化時執(zhí)行的函*
  • status 屬性 和 statusText 屬性
  • status屬性和statusText屬性存有XMLHttpRequest對象的狀態(tài)
    200: "OK"
    403: "Forbidden"
    404: "Page not found"
  • statusText:
    返回狀態(tài)文本
    注意: 以上屬性都是以AJAX對象為綁定對象
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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