ajax學習筆記(二)

2021-08-30 09:35:16 字數 881 閱讀 4704

ajax主要的知識就是使用xmlhttprequest 物件,第一節中使用了包裝該物件的jquery框架。在不使用任何框架的情況下xmlhttprequest物件是如何獲取,資料是如何傳送與接收呢?

本來以為很簡單,真到自己去寫**的時候,出現了很多的問題,加上弱智的除錯方式,都快崩潰了,有點懷疑是環境問題了,幸虧在咖啡的溫暖下發現servlet的後台寫的有問題,****,終於跑通了。

注意問題:

• 瀏覽器相容性

• 返回狀態判斷

• 區分大小寫

xmlhttprequest 物件的方法:

open(string method,string url,boolean asynch,stirng username,string password);

send(content);

setrequestheader(string header,string value);設定http請求中指定header的值需在open後呼叫

abort() 停止當前請求

getallresponseheaders();返回所有http請求的頭資訊 返回值為字串 以cr和lf來分隔

onreadystatechange請求狀態改變的觸發器

readystate 請求狀態0 未初始化1 open方法成功呼叫2 伺服器已經應答客戶端請求3 互動中http頭資訊已經接受,相應資料尚未接收4 完成

responsetext 伺服器端返回的文字內容

respon***ml 伺服器返回的相容dom的xml文字內容

status http狀態碼

statustext http狀態文字資訊

get與post方式的不同:

post 需要自己設定頭資訊,然後傳送帶引數內容的資料(詳見**注釋)

Ajax學習筆記

send string string 僅用於post請求 使用get還是post 與post相比,get更簡單更快,大部分情況下使用 下面情況使用post請求 無法使用快取檔案 更新伺服器上的檔案或資料庫 向伺服器傳送大量資料 傳送包含未知字元的使用者輸入時,post更穩定和可靠 get請求例項 請...

ajax學習筆記

ajax學習 1 ajax的作用 ajax區域性重新整理技術,其實就是使用js實現區域性資料的實時變更 解決了不同響應之間資料共享的問題 優勢 提高了網路傳輸效率,提公升了使用者體驗 2 ajax的使用 建立ajax物件 瀏覽器差異問題 複寫onreadystatechange函式 接收響應結果 響...

ajax學習筆記

物件的建立 var xhr null if window.xmlhttprequest else或者使用try catch語句var xhr null trycatch e responsetext中的內容格式是字串window.onload function else trycatch e xhr...