Ajax實(shí)現(xiàn)原理

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

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

AJAX Asynchronous JavaScript and XML

一個(gè)重要的對(duì)象XMLHttpRequest
XMLHttpRequest對(duì)象的屬性和方法

屬性

readyState:
0:為初始化已經(jīng)創(chuàng)建好了XMLHttpRequest對(duì)象xml 但是還沒有初始化
1：已經(jīng)初始化好了XMLHttpRequest對(duì)象xml 準(zhǔn)備好要發(fā)送了
2：send被調(diào)用請(qǐng)求已經(jīng)發(fā)送但是還沒有收到服務(wù)器的響應(yīng)
3：瀏覽器正在接受服務(wù)器發(fā)送過來的請(qǐng)求但是還沒有接受完
4：瀏覽器已經(jīng) 接受請(qǐ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(){} 當(dāng)xml的readyState發(fā)生改變的時(shí)候就會(huì)調(diào)用，所以在這個(gè)過程中onreadystatechange總共會(huì)被調(diào)用5次
使用實(shí)例

var xml=new XMLHttpRequest();
    xml.open("GET","a.json",true);  //第三個(gè)參數(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實(shí)現(xiàn)機(jī)制 get實(shí)現(xiàn)ajax ajax實(shí)現(xiàn)百度搜索

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/85049.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

scq000 2019-08-20 17:16 評(píng)論0 收藏0