AJAX基礎知識

2021-10-08 23:01:46 字數 2765 閱讀 1509

新建xmlhttprequest物件

try

catch

(error)

開啟要傳送的位址通道

request.open(「get」,位址,同步/非同步);

給xmlhttprequest物件增加偵聽器,用來偵聽各種情況,包括各種鏈結狀態

request.addeventlistener(「load」,偵聽函式);//傳送資料給開啟的位址,

如果沒有要傳送的內容直接send()

request.send();

熱更新

載入json檔案

載入xml檔案

import imagespritexml from

"./js/imagespritexml.js"

var arr=

["bbb"

]imagespritexml.

init

(arr,

"./img/"

,loadfinish)

;function

loadfinish()

total

loaded/total*100

載入本地檔案必須使用get方式

xhr.

getallrespanseheaders()

;//客戶端獲取所有響應頭

xhr.

getrespanseheaders

("content-type");

//獲取指定的響應頭

請求的url位址

埠號安全協議

允許跨域

頁面解析型別

時間解析

請求頭

req.headers;

//服務端獲取請求頭

- 可以獲取到所有的請求頭

訊息頭如果有不同的資料,且訊息資料的埠號不同,也會產生跨域問題——>訊息頭跨域

自定義請求頭

"access-control-allow-header"

:"*"

訊息頭原理

請求頭的目的

var time=0;

function

ajax()

function

loadhandler

(e)function

timeouthandler

(e)

readystatechange事件

;通過script的src指向服務端,服務端通過write()寫回的內容,就是script標籤中執行的指令碼語句

websdcket

正向**和反向**

Ajax基礎知識

首先ajax的執行環境必須實在伺服器下的 首先需要建立乙個ajax物件var xhr new xmlhttprequest 告訴ajax物件以什麼方式傳送請求,要想哪傳送請求xhr.open get url 傳送請求xhr.send 獲取伺服器端響應客戶端的資料xhr.onload 使用get傳遞請...

Ajax程式設計 Ajax的基礎知識

06.伺服器端響應的資料格式 07.請求引數的傳遞 08.獲取服務端響應的另一種方式 09.ajax錯誤處理 10.低版本瀏覽器的快取問題 11.同步非同步概述 12.ajax封裝 三 模板引擎 四 formdata 物件 五 二進位制檔案 六 ajax請求限制 七 ajax 方法 八 restfu...

AJAX基礎知識學習筆記

下面就是在對ajax基礎學習的總結。注意 和樣式不能相容低版本ie 通過ajax獲取命中提示內容 document.getelementbyid keyword oninput function 操作發出請求 xhr.send 處理響應結果 建立物件 ie7 和其他瀏覽器都支援 xmlhttpreq...