Ajax學習筆記

ajax是什么?

  • Ajax的原理簡單來說是在用戶和服務器之間加了—個中間層(AJAX引擎),通過XmlHttpRequest對象來向服務器發(fā)異步請求,從服務器獲得數(shù)據(jù),然后用javascript來操作DOM而更新頁面。使用戶操作與服務器響應異步化。這其中最關鍵的一步就是從服務器獲得請求數(shù)據(jù)
  • Ajax的過程只涉及JavaScript、XMLHttpRequest和DOM。XMLHttpRequest是ajax的核心機制

ajax過程

/** 1. 創(chuàng)建連接 **/
var xhr = null;
xhr = new XMLHttpRequest()
/** 2. 連接服務器 **/
xhr.open('get', url, true)
/** 3. 發(fā)送請求 **/
xhr.send(null);
/** 4. 接受請求 **/
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
        if(xhr.status == 200){
            success(xhr.responseText);
        } else { 
            /** false **/
            fail && fail(xhr.status);
        }
    }
}

ajax 有那些優(yōu)缺點?

優(yōu)點:
  • 通過異步模式,提升了用戶體驗.
  • 優(yōu)化了瀏覽器和服務器之間的傳輸,減少不必要的數(shù)據(jù)往返,減少了帶寬占用.
  • Ajax在客戶端運行,承擔了一部分本來由服務器承擔的工作,減少了大用戶量下的服務器負載。
  • Ajax可以實現(xiàn)動態(tài)不刷新(局部刷新)
缺點:
  • 安全問題 AJAX暴露了與服務器交互的細節(jié)。
  • 對搜索引擎的支持比較弱。
  • 不容易調試。
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 一、什么是AJAX,為什么要使用Ajax(請談一下你對Ajax的認識) ajax全稱Asynchronous Ja...
    dnaEMx閱讀 527評論 0 2
  • Ajax學習筆記 Ajax簡介 1. Ajax是什么? Ajax : Asynochronous javascri...
    月上秦少閱讀 460評論 0 1
  • 慕課網(wǎng)Ajax全接觸 Ajax全稱: Asynchronous JavaScript and XML(異步的Jav...
    垃圾簡書_吃棗藥丸閱讀 816評論 0 8
  • 一、Ajax技術概念 Ajax 是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術。Ajax的全稱是As...
    遠遠暖暖閱讀 395評論 0 0
  • AJAX之前 回顧一下最早向服務器發(fā)請求的方式 表單發(fā)送,最早的發(fā)請求方式,可以發(fā)各種類型的請求,缺點是每次發(fā)送完...
    Criya閱讀 354評論 0 1

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