您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > AJAX教程 >
    AJAX提交数据时的中文处理
    时间:2016-07-13 21:12 来源: 作者: 浏览:收藏 挑错 推荐 打印
    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。

    (责任编辑:12图资源库)