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。