Ajax實現(xiàn)原理

frolc 發(fā)布于2019-08-20 19:02 / 2535人閱讀

摘要：一個重要的對象對象的屬性和方法屬性為初始化已經(jīng)創(chuàng)建好了對象但是還沒有初始化已經(jīng)初始化好了對象準備好要發(fā)送了被調(diào)用請求已經(jīng)發(fā)送但是還沒有收到服務(wù)器的響應(yīng)瀏覽器正在接受服務(wù)器發(fā)送過來的請求但是還沒有接受完瀏覽器已經(jīng)接受請求完畢服務(wù)器返回的響應(yīng)文

AJAX Asynchronous JavaScript and XML

一個重要的對象XMLHttpRequest
XMLHttpRequest對象的屬性和方法

屬性

readyState:
0:為初始化已經(jīng)創(chuàng)建好了XMLHttpRequest對象xml 但是還沒有初始化
1：已經(jīng)初始化好了XMLHttpRequest對象xml 準備好要發(fā)送了
2：send被調(diào)用請求已經(jīng)發(fā)送但是還沒有收到服務(wù)器的響應(yīng)
3：瀏覽器正在接受服務(wù)器發(fā)送過來的請求但是還沒有接受完
4：瀏覽器已經(jīng) 接受請求完畢
responseText:
服務(wù)器返回的響應(yīng)文本
responseXml：
服務(wù)器返回的響應(yīng)xml
status
服務(wù)器的http狀態(tài)碼
statusText
服務(wù)器的http狀態(tài)原因文本

方法：

open("方法",url,是否異步)
send(參數(shù)) 參數(shù)為向服務(wù)器傳遞的數(shù)據(jù) 如果是get的話參數(shù)為null
onreadystatechange=function(){} 當xml的readyState發(fā)生改變的時候就會調(diào)用，所以在這個過程中onreadystatechange總共會被調(diào)用5次
使用實例

var xml=new XMLHttpRequest();
    xml.open("GET","a.json",true);  //第三個參數(shù)表示是否異步
    xml.send(null);//參數(shù)為要給服務(wù)器傳遞的參數(shù)  若只是單純的向服務(wù)器取數(shù)據(jù)  則傳遞null
  xml.onreadystatechange=function () {
      if(xml.readyState==4){
          console.log(11)
          if(xml.status==200){
              console.log(xml.responseText)
          }
      }
  }

云服務(wù)器 GPU云服務(wù)器 ajax工作原理 Ajax實現(xiàn)機制 get實現(xiàn)ajax ajax實現(xiàn)百度搜索

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85049.html

相關(guān)文章

前端校招準備--Ajax原理及其實現(xiàn)

摘要：實現(xiàn)局部刷新的原理是通過對象來向服務(wù)器發(fā)送異步請求，通過操作相應(yīng)的來更新頁面。在以及都內(nèi)建了對象，但是和是使用對象。參考文章同源策略及其規(guī)避方法詳解技術(shù)原理前言 ?我們在請求數(shù)據(jù)的時候，往往會使用到ajax，而且一般都是通過引入jQuery庫，再使用。但是，如果我們想直接使用ajax怎么辦呢，這個時候就可以自己寫一個ajax，剛一聽可能會覺得很難，但是看完我的文章后你肯定就會覺得原來...

binaryTree 2019-08-23 13:45 評論0 收藏0
Ajax的原理和實現(xiàn)步驟

摘要：如果我們假設(shè)文件和文件位于相同的目錄，那么代碼是這樣的其他方法如下編程步驟創(chuàng)建對象設(shè)置請求方式調(diào)用回調(diào)函數(shù)發(fā)送請求處理返回的結(jié)果創(chuàng)建對象一般來說手寫的時候，首先需要判斷該瀏覽器是否支持對象，如果支持則創(chuàng)建該對象，如果不支持則創(chuàng)建對象。 Ajax的簡介什么是Ajax AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）...

Harpsichord1207 2019-08-26 18:42 評論0 收藏0
ajax跨域，這應(yīng)該是最全的解決方案了

摘要：關(guān)于，強烈推薦閱讀跨域資源共享詳解阮一峰另外，這里也整理了一個實現(xiàn)原理圖簡化版如何判斷是否是簡單請求瀏覽器將請求分成兩類簡單請求和非簡單請求。前言從剛接觸前端開發(fā)起，跨域這個詞就一直以很高的頻率在身邊重復(fù)出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過N個跨域相關(guān)的問題了，16年時也整理過一篇相關(guān)文章，但是感覺還是差了點什么，于是現(xiàn)在重新梳理了一下。個人見識有限，如有差錯，請多多見諒，歡迎提出iss...

ytwman 2019-08-22 11:21 評論0 收藏0
【全棧之路】JAVA基礎(chǔ)課程七_AJAX原理剖析（20190617v1.0）

摘要：借鑒圖片僅用于學(xué)習(xí)分享，請尊重原創(chuàng)作者，勿用于商用。這其中最關(guān)鍵的一步就是從服務(wù)器獲得請求數(shù)據(jù)?；静襟E創(chuàng)建對象也就是創(chuàng)建一個異步調(diào)用對象。創(chuàng)建一個新的請求并指定該請求的方法及驗證信息。設(shè)置響應(yīng)請求狀態(tài)變化的函數(shù)。使用和實現(xiàn)局部刷新。歡迎進入JAVA基礎(chǔ)課程博客地址：https://blog.csdn.net/houjiyu...本系列文章將主要針對JAVA一些基礎(chǔ)知識點進行講解...

biaoxiaoduan 2019-08-19 11:45 評論0 收藏0
【全棧之路】JAVA基礎(chǔ)課程七_AJAX原理剖析（20190617v1.0）

摘要：借鑒圖片僅用于學(xué)習(xí)分享，請尊重原創(chuàng)作者，勿用于商用。這其中最關(guān)鍵的一步就是從服務(wù)器獲得請求數(shù)據(jù)?；静襟E創(chuàng)建對象也就是創(chuàng)建一個異步調(diào)用對象。創(chuàng)建一個新的請求并指定該請求的方法及驗證信息。設(shè)置響應(yīng)請求狀態(tài)變化的函數(shù)。使用和實現(xiàn)局部刷新。歡迎進入JAVA基礎(chǔ)課程博客地址：https://blog.csdn.net/houjiyu...本系列文章將主要針對JAVA一些基礎(chǔ)知識點進行講解...

yintaolaowanzi 2019-08-23 18:10 評論0 收藏0
jsonp 跨域原理分析

摘要：為請求指定一個回調(diào)函數(shù)名。這主要用來讓生成一個獨特的函數(shù)名，這樣管理請求更容易，也能方便地提供回調(diào)函數(shù)和錯誤處理。在回調(diào)函數(shù)中，通常我們只需通過判斷請求是否完成，如果已完成，再根據(jù)判斷是否是一個成功的響應(yīng)。本篇文章借鑒自博客園文章原文地址 AJAX即Asynchronous Javascript And XML（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的...

scq000 2019-08-20 17:16 評論0 收藏0