Ajax簡單總結

2022-08-22 10:57:14 字數 1323 閱讀 8558

ajax=非同步js和

xml;

主要是區域性資料更新,即不需要重新整理整個頁面

首先,需要新建乙個xmlhttprequest物件【這裡注意如果是

ie7以下的就是建立

然後,對其進行配置

【補充】:狀態碼:onreadystate=0/1/2/3/4

0:請求未初始化;

1:伺服器連線已建立;

2:請求已接收;

3:請求處理中;

4:請求已完成,且響應就緒

xhr.onreadystatechange=function ()

}/**

* 提交方式:常用的是

get、

post

兩種,也有其他的,比如

head

等* get方式用的比較多一點,因為更簡單更快,並且大部分情況都能用;

* 但是,如果有以下情況,一般

就推薦使用

post了

*  1、需要傳送大量資料時,

(post沒有大小限制

,get有大小限制

)*  2、需要保密的資料,

post

更加安全可靠

*  3、無法使用快取檔案(更新伺服器上的檔案或資料庫)

* true(非同步

)  false

(同步)

:預設是

true

,寫時可以省略;

*///可以把引數單獨寫出來

var name =$("#fname").val();

var idcard =$("#idcard").val();

var params = "name="+name+"&idcard="+idcard;

xhr.open("get?"+params,"url",true/false);

xhr.open("post","url")

//如果是

post

請求方式,則需要加上請求頭;

xhr.send();//get

xhr.send(params);//post   

【注意】如果是同步請求,那麼不需要寫onreadystatechange了,只需要把你要寫在函式中的內容寫在

xhr.send

()後面就可以了

簡單AJAX 使用

初使化集合 floatjson soundjson messagejson if str null js解析xml function jsxml severityvalue,severityquomodo,commonvalue,commonquomodo,promptvalue,promptquo...

簡單封裝ajax

網上資源的 質量參差不齊,所以我還是自己記錄一下吧 function ajax opction else 統一大小寫,匹配下面的判斷 let type opction.type touppercase 用於請求時表示為不同的請求,以防獲取快取值 let random math.random if t...

ajax簡單案例

jquery 自帶的 ajax 函式簡單案例 自定義構造乙個特定的函式用來通用請求 的形式 success success,error fail 呼叫http函式來請求介面並獲取資料 1.資料格式 2.js jquery function function get url 這行不能省略,如果沒有資料...