1.1對ajax進行例項
var http =new xmlhttprequest();
通過new的方法來獲取xmlhttprequest物件
如果是老版本的瀏覽器,則需要進行判斷
1.2從伺服器請求
//獲取方式 :get or post
//位址,後面可跟引數
//是否非同步 true or false
//使用者名稱
//密碼
xmlhttp.send('string');//string帶只適用於poststate:
當請求被傳送到伺服器時,我們需要執行一些基於響應的任務。
每當 readystate 改變時,就會觸發onreadystatechangexmlhttp.onreadystatechange=function()
readystate
存有 xmlhttprequest 的狀態。從 0 到 4 發生變化。
0: 請求未初始化
1: 伺服器連線已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成,且響應已就緒
status 200: "ok"
404: 未找到頁面
var xmlhttp= new xmlhttprequest();
// 新建xmlhttprequest物件
}xmlhttp.send(); //傳送請求
js ajax非同步互動
ajax目的 提高使用者體驗,較少網路資料的傳輸量 在解釋ajax原理之前,我們不妨先舉個 領導想找小李匯報一下工作 例子,領導想找小李問點事,就委託秘書去叫小李,自己就接著做其他事情,直到秘書告訴他小李已經到了,最後小李跟領導匯報工作。ajax請求資料流程與 領導想找小李匯報一下工作 類似。其中最...
原生JS Ajax請求
傳統的web互動是使用者觸發乙個http請求伺服器,然後伺服器收到之後,在做出響應到使用者,並且返回乙個新的頁面,每當伺服器處理客戶端提交的請求時,客戶都只能空閒等待,並且哪怕只是一次很小的互動 只需從伺服器端得到很簡單的乙個資料,都要返回乙個完整的html頁,而使用者每次都要浪費時間和頻寬去重新讀...
原生js ajax 封裝
首先我們先了解ajax的get和post請求分別是怎樣請求資料的 get請求 建立ajax例項 開啟需要請求的位址,可以有三個引數 參1 請求方式 參3 是否非同步,可選,預設非同步 向後端傳送的資料,get方式用不到 ajx.onreadystatechange post請求 建立ajax例項 開...