1.使用XMLHttpRequest對象發(fā)送GET請求到服務(wù)器端,處理的步驟:
(1)創(chuàng)建XMLHttpRequest對象。通過window.XMLhTTPrEQUEST的返回值判斷XMLHttpRequest對象的方式。
(2)設(shè)置回調(diào)函數(shù)。通過onreadystatechange屬性設(shè)置回調(diào)函數(shù)留量,其中回調(diào)函數(shù)需要自定義谦絮。
(3)初始化XMLHttpRequest對象臭增。
(4)發(fā)送請求拷淘。
步驟:
步驟一:通過window策吠,XMLHttpRequest的返回值判斷當(dāng)前瀏覽器創(chuàng)建XMLHttpRequest對象的方式逛裤。
步驟二:通過XMLHttpRequest對象的onreadystatechange屬性設(shè)置回調(diào)函數(shù),監(jiān)聽服務(wù)器的響應(yīng)狀態(tài)并做相應(yīng)處理猴抹。
步驟三:通過XMLHttpRequest對象的open()方法带族,傳入?yún)?shù)完成初始化XMLHttpRequest對象的工作。
步驟四:調(diào)用XMLHttpRequest對象的send()方法蟀给,參數(shù)為要發(fā)送到服務(wù)器端的數(shù)據(jù)蝙砌,因為采用"GET"方式請求時。
2.認(rèn)識Ajax
Ajax簡介
異步刷新技術(shù)跋理,主要由JS,XML技術(shù)整合而成
XMLHttpRequest
是Ajax技術(shù)的核心對象
向服務(wù)器發(fā)送異步請求择克,并接收服務(wù)器端的響應(yīng)結(jié)果
使用Ajax發(fā)送Get請求及處理響應(yīng)
1.創(chuàng)建XMLHttpRequest對象
var xmlHttpRequest=new XMLHttpRequest();
2.設(shè)置請求信息
var username=document.getElementById("username").value;
xmlHttpRequest.open("get","userServlet?username="+username);
3.設(shè)置回調(diào)函數(shù)
xmlHttpRequest.onreadystatechange=callback();
4.發(fā)送請求
xmlHttpRequest.send(null);
使用Ajax發(fā)送Post請求及處理響應(yīng)
Ajax通過使用XMLHttpRequest對象,以異步方式在客戶端與服務(wù)端之間傳遞,并結(jié)合JavaScript,CSS等技術(shù)實(shí)現(xiàn)當(dāng)前頁面局部更新前普。
jQuery封裝了Ajax的基礎(chǔ)實(shí)現(xiàn)肚邢,提供了$,ajax()方法。
JSON作為數(shù)據(jù)交互對象拭卿,在值傳遞和解析方面較為簡便骡湖。