js ajax基礎學習

2021-07-24 18:23:32 字數 1281 閱讀 5395

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例項 開...