Ajax:即"Asynchronous JavaScript and XML"（異步JavaScript和XML），一門(mén)綜合性的技術(shù)：運(yùn)用JavaScript對(duì)象XMLHttpRequest進(jìn)行異步數(shù)據(jù)交換；JavaScript操作DOM實(shí)現(xiàn)動(dòng)態(tài)效果；運(yùn)用XHTML+CSS表達(dá)信息；XML和XSLT操作數(shù)據(jù)。此篇文章重點(diǎn)介紹使用XMLHttpRequest對(duì)象與服務(wù)器端進(jìn)行異步數(shù)據(jù)交換。
使用方法
XMLHttpRequest五步使用法：
復(fù)制代碼 代碼如下:
1.創(chuàng)建對(duì)象；
2.注冊(cè)回調(diào)函數(shù)；
3.使用open方法設(shè)置和服務(wù)器交互的基本信息；
4.設(shè)置發(fā)送的數(shù)據(jù)，開(kāi)始和服務(wù)器端交互；
5.實(shí)現(xiàn)回調(diào)函數(shù)。
由于每次應(yīng)用XMLHttpRequest對(duì)象時(shí)，都要進(jìn)行五步操作，因此，可將該對(duì)象的使用封裝為js文件中，傳遞部分參數(shù)使用其方法就可以完成相應(yīng)功能，實(shí)現(xiàn)如下：
復(fù)制代碼 代碼如下:
//使用封裝方法人員只提供http的請(qǐng)求，url地址，數(shù)據(jù)，成功和失敗的回調(diào)的方法
//1.定義XMLHttpRequest對(duì)象的構(gòu)造方法
var MyXMLHttpRequest =function（）{
var xmlhttprequest;
if（window.XMLHttpRequest）{
//IE7,IE8,FireFox,Mozillar,Safari,Opera
//alert（"IE7,IE8,FireFox,Mozillar,Safari,Opera"）；
xmlhttprequest = new XMLHttpRequest（）；
//解決瀏覽器在服務(wù)器端響應(yīng)由于沒(méi)有Text頭的時(shí)候可能無(wú)法工作的問(wèn)題
if（xmlhttprequest.overrideMimeType）{
xmlhttprequest.overrideMimeType（"text/xml"）；
}
}else if（window.ActiveXObject）{
//IE6,IE5.5,IE5
alert（"IE6,IE5.5,IE5"）；
var activexName =["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for （var n=0;n
擴(kuò)展問(wèn)題
1.瀏覽器緩存
2.中文亂碼
3.跨域訪(fǎng)問(wèn)
對(duì)于問(wèn)題1、問(wèn)題3都可以通過(guò)更改url地址的方法得以解決。問(wèn)題1可在url地址尾添加時(shí)間戳，問(wèn)題3通過(guò)代理方式進(jìn)行解決。只需在send（）中的第三步執(zhí)行前添加相應(yīng)判斷即可：
復(fù)制代碼 代碼如下:
//解決緩存的轉(zhuǎn)換：增加時(shí)間戳
if（url.indexOf（"?"） >= 0 ）{
url = url + "t=" + （new Date（））。valueOf（）；
} else {
url = url + "?t=" + （new Date（））。valueOf（）；
}
//解決跨域的問(wèn)題
if（url.indexOf（"http://"） >= 0） {
url.replace（"?",""）；
url = "Proxy?url=" + url;
}
問(wèn)題3對(duì)應(yīng)代理服務(wù)端實(shí)現(xiàn)：
復(fù)制代碼 代碼如下:
/**
* Handles the HTTP GET method.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
@Override
protected void doGet（HttpServletRequest request, HttpServletResponse response）
throws ServletException, IOException {
//獲取參數(shù)，最后得到請(qǐng)求url地址類(lèi)似于：url = http://192.168…/AJAX/AJAXServer?aa=11bb=22cc=33
StringBuilder url = new StringBuilder（）；
url.append（request.getParameter（"url"））；
//獲取訪(fǎng)問(wèn)的跨域地址url = http://192.168…/AJAX/AJAXServer
Enumeration enu = request.getParameterNames（）；
boolean flag = false; //定義標(biāo)志變量，表示是否為拼接的第一個(gè)參數(shù)
while（enu.hasMoreElements（））{
String paramName = （String） enu.nextElement（）；
if（！paramName.equals（"url"））{
String paramValue = request.getParameter（paramName）；
paramValue = URLEncoder.encode（paramValue,"utf-8"）；
if（！flag）{
url.append（"?"）。append（paramName）。append（"="）。append（paramValue）；
flag = true;
} else {
url.append（""）。append（paramName）。append（"="）。append（paramValue）；
}
}
}
response.setContentType（"text/html;charset=utf-8"）；
PrintWriter out = response.getWriter（）；
if（url != null url.length（） > 0）{
URL connectionUrl = new URL（url.toString（））；
BufferedReader reader = new BufferedReader（new InputStreamReader（connectionUrl.openStream（），"utf-8"））；
以上就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
您可能感興趣的文章:- Ajax xmlHttpRequest的status的值的含義
- AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
- 解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題
- 如何用ajax來(lái)創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
- Ajax通訊原理XMLHttpRequest
- ajax 入門(mén)基礎(chǔ)之 XMLHttpRequest對(duì)象總結(jié)
- AJAX入門(mén)之XMLHttpRequest慨述
- AJAX(XMLHttpRequest.status)狀態(tài)碼
- XMLHttpRequest對(duì)象_Ajax異步請(qǐng)求重點(diǎn)(推薦)
- AJAX XMLHttpRequest對(duì)象詳解
- 不使用XMLHttpRequest對(duì)象實(shí)現(xiàn)Ajax效果的方法小結(jié)
