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...