Ajax 兩種請求方式

一. 請求純文本

  1. 在本地服務(wù)器環(huán)境下
  2. 創(chuàng)建XMLHttpRequest對象

  1. xhr的open方法,用于配置請求相關(guān)信息,open方法有三個參數(shù)。第一個參數(shù)type,數(shù)據(jù)傳輸方式get或post。第二個參數(shù)url/file,請求路徑。第三個參數(shù)async是否異步。
  1. 配置好后,要將路徑中(sample.txt)的東西請求下來。分兩種請求方式
    (1)onload
    (2)onreadystatechange
  2. 利用onload請求,上節(jié)中講到服務(wù)器返回數(shù)據(jù)時會傳輸HTML Response,所以this.responseText獲取的就是返回的數(shù)據(jù)。
  3. 全部配置好后,還不能獲取數(shù)據(jù)。運用send方法用于發(fā)送請求。
  1. 點擊按鈕發(fā)起請求,請求成功
  1. onreadystatechange請求方式,可以請求,并且發(fā)現(xiàn)實際上請求了兩次。
xhr.onreadystatechange = function(){
    console.log(this.responseText);
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • ??2005 年,Jesse James Garrett 發(fā)表了一篇在線文章,題為“Ajax: A new App...
    霜天曉閱讀 941評論 0 1
  • Ajax和XMLHttpRequest 我們通常將Ajax等同于XMLHttpRequest,但細(xì)究起來它們兩個是...
    changxiaonan閱讀 2,383評論 0 2
  • 看到標(biāo)題時,有些同學(xué)可能會想:“我已經(jīng)用xhr成功地發(fā)過很多個Ajax請求了,對它的基本操作已經(jīng)算挺熟練了。” 我...
    前端渣渣閱讀 6,044評論 1 12
  • ajax作為前端開發(fā)必需的基礎(chǔ)能力之一,你可能會使用它,但并不一定懂得其原理,以及更深入的服務(wù)器通信相關(guān)的知識。在...
    蕭玄辭閱讀 885評論 0 0
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,546評論 0 7

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