view plaincopy to clipboardprint?
<% @ pagelanguage="java" import="java.util.*" pageEncoding="UTF-8"%>
06年時,就開始用AJAX技術了,當時這個名詞還沒興起,後來聽說AJAX,才發現原來還有這個叫法。
早期,相關資料相當少,中文問題非常頭疼,直到現在,網上也沒有一個很好的解決方式。
最近,瞭解到一些朋友又深陷其中,便把自己以前的解決方案拿出來晒晒,希望對誤入該行業的朋友有些協助。
原理:html不能設定編碼,但是xml可以,我們採用xml,把資料攜帶過去,不就可以了嘛。
js核心代碼:
//註:xmlDoc,xmlHtml對象建立請用更完善的方式,這裡只是簡單示範一下
function doSubmit(){
var str=document.getElementById("input1").value;
//假設str就是你要提交的資料
alert(str);
//"MSXML2.DOMDocument", "Microsoft.XMLDOM", "MSXML.DOMDocument", "MSXML3.DOMDocument"
var xmlDoc=new ActiveXObject("MSXML2.DOMDocument");
//初始化xml文檔對象
xmlDoc.loadXML("<html></html>");
xmlDoc.documentElement.text=str;//作為內容去攜帶
//如果採用屬性攜帶資料更方便,那麼可以用下面的方法
//xmlDoc.documentElement.setAttribute("name","msg");
//xmlDoc.documentElement.setAttribute("value",str);
alert(xmlDoc.xml);//查看產生的xml內容
//"MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp","Microsoft.XMLHttp";
var xmlHttp=new ActiveXObject("MSXML2.XMLHttp.5.0");
var url="servlet/MyServlet?time="+(new Date()).getTime();
xmlHttp.open("POST",url,false);
xmlHttp.send(xmlDoc);//把xml對象發送出去
alert(xmlHttp.responseText);
}
servlet/action核心代碼:
// 讀取ajax發送來的xml資料
SAXReader xmlReader = new SAXReader();
Document document = null;
try {
document = xmlReader.read(request.getInputStream());
} catch (Exception ex) {
System.err.println("xml讀取失敗,可能沒有xml資料.");
ex.printStackTrace();
}
System.out.println("接收到xml資料:" + document.asXML());
// 解析xml
String str = document.getRootElement().getText();
System.out.println("解析出來的資料:" + str);
// 返回結果
response.setContentType("text/html; charset=UTF-8");// GBK也行,指明返回的編碼
response.getWriter().print("伺服器返回資訊:成功啦!\no(∩_∩)o...哈哈!");// 返回中文也沒問題啦
關鍵點:
js中建立xmlDom對象,以及背景解析,後台用了dom4j,來解析xml。