JSP XMLHttpRequest動態(tài)無刷新及其中文亂碼處理
更新時間:2009年07月09日 23:45:26 作者:
最近用到了XMLHttpRequest 動態(tài)無刷新技術(shù) 不刷新當(dāng)前頁面發(fā)送請求,并得到返回結(jié)果 主要是jsp頁面內(nèi)的js與后臺的servlet交互,返回值為文本~~~
1.在頁面的<script type="text/JavaScript" >內(nèi)加入
//無刷新請求的xmlhttp請求
var http_request=false;
function createRequest(url)
{
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('不能創(chuàng)建XMLHTTP實例!');
return false;
}
http_request.onreadystatechange=alertContents;
http_request.open("POST",url,true);
http_request.send(null);
}
2.調(diào)用--在js調(diào)用請求【CONTROL為servlet配置的url-mapping,傳參跟一般url傳參一樣】
createRequest('CONTROL'+'?cmd=listen');
3.在servlet中處理【中文亂碼問題】
PrintWriter out;
response.setContentType("html/text");//此5行必備,用于輸出中文,否則亂碼
response.setCharacterEncoding("UTF-8");
response.setHeader("Cache-Control","no-cache");
out=response.getWriter();
out.println("對不起,系統(tǒng)忙,請稍后再試!"); //為返回的響應(yīng)結(jié)果,在頁面直接以alert()顯示
//無刷新請求的xmlhttp請求
var http_request=false;
function createRequest(url)
{
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('不能創(chuàng)建XMLHTTP實例!');
return false;
}
http_request.onreadystatechange=alertContents;
http_request.open("POST",url,true);
http_request.send(null);
}
2.調(diào)用--在js調(diào)用請求【CONTROL為servlet配置的url-mapping,傳參跟一般url傳參一樣】
createRequest('CONTROL'+'?cmd=listen');
3.在servlet中處理【中文亂碼問題】
PrintWriter out;
response.setContentType("html/text");//此5行必備,用于輸出中文,否則亂碼
response.setCharacterEncoding("UTF-8");
response.setHeader("Cache-Control","no-cache");
out=response.getWriter();
out.println("對不起,系統(tǒng)忙,請稍后再試!"); //為返回的響應(yīng)結(jié)果,在頁面直接以alert()顯示
您可能感興趣的文章:
- JS XMLHttpRequest原理與使用方法深入詳解
- 深入講解xhr(XMLHttpRequest)/jsonp請求之a(chǎn)bort
- javascript創(chuàng)建createXmlHttpRequest對象示例代碼
- js判斷IE6/IE7/FF的代碼[XMLHttpRequest]
- javascript一個無懈可擊的實例化XMLHttpRequest的方法
- javascript XMLHttpRequest對象全面剖析
- Javascript+XMLHttpRequest+asp.net無刷新讀取數(shù)據(jù)庫數(shù)據(jù)
- JS中的XMLHttpRequest?對象示例詳解
相關(guān)文章
Cookie的使用及保存中文并用Cookie實現(xiàn)購物車功能
Cookie是服務(wù)器存放在客戶端的一些數(shù)據(jù),比如密碼。下面為大家介紹下使用Cookie保存中文并用Cookie實現(xiàn)購物車功能,喜歡的朋友可以學(xué)習(xí)下2013-08-08在jsp中用bean和servlet聯(lián)合實現(xiàn)用戶注冊、登錄
在jsp中用bean和servlet聯(lián)合實現(xiàn)用戶注冊、登錄...2006-10-10Struts2.5 利用Ajax將json數(shù)據(jù)傳值到JSP的實例
下面小編就為大家?guī)硪黄猄truts2.5 利用Ajax將json數(shù)據(jù)傳值到JSP的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09