AJAXPOST数据编码

niatwangcong

浏览: 86502 次
性别:
来自: 上海

最近访客更多访客>>

victor036

liunancun

Redhead

liu_guo_1982

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (64)

社区版块

存档分类

JavaScript Ajax Cache JSP 脚本

在最近学习AJAX中，通过POST方式发送的数据在服务器端接收的时候通过检测，发现中文编码不能很好的正确读取，全是乱码。怎么解决这个问题，查询了一下，得知如下知识
         Javascript默认编码方式Unicode，这样传递到服务器端的数据不能够正确读取，尽管采用Unicode解码，有些郁闷。采用了几种方式，无功。
        在JAVA环境下解决这个问题，如下所示：
        一。客户端获取的值使用 escape() JS函数进行编码
        二。服务器端调用一个已经写好的函数进行解码操作，这个JAVA解码函数如下：
        public static String  unescape(String src){
        StringBuffer tmp = new StringBuffer();
       tmp.ensureCapacity(src.length());
         int  lastPos=0,pos=0;  char ch;
         while (lastPos<src.length()){
             pos = src.indexOf("%",lastPos);
             if (pos == lastPos){
                 if (src.charAt(pos+1)=='u'){
                     ch = (char)Integer.parseInt(src.substring(pos+2,pos+6),16);
                    tmp.append(ch);
                    lastPos = pos+6;
                }else{
                    ch = (char)Integer.parseInt(src.substring(pos+1,pos+3),16);
                    tmp.append(ch);
                    lastPos = pos+3;
                }
            }else{
                if (pos == -1){
                    tmp.append(src.substring(lastPos));
                    lastPos=src.length();
                }else{
                    tmp.append(src.substring(lastPos,pos));
                    lastPos=pos;
                }
            }
        }
        return tmp.toString();
    }
        这样，服务器端就可以完好的解码过来。
－。提交数据页面


<%@ page language="java" contentType="text/html;charset=GBK"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<script language="javascript" src="js\request.js">
</script>
<script language="javascript">
function postData(){
    var url = "testpage.jsp?name=yongboy&time=" + new Date().getTime();
    var temp = "你好，测试中文中";
    //下面这一步是必须！
    var sinfo = escape( temp );     //获得输入的值
    //提交数据
    post_request( url, sinfo, "text" );
}
//AJAX出现结果，处理变化，在 js\request.js 中已经定义
function pageChange( responseText ){
    var div = document.getElementById( "show" );
    div.innerHTML = responseText;
}

</script>
</head>

<body>
<input type="submit" name="Submit" value="提交" onclick="postData()" />
<div id="show"></div>
</body>
</html>

二。后台处理数据页面

<%@page language="java" contentType="text/html;charset=GBK"%>

<%@ page import="handle.*" %>
<%
    //清除缓存
    response.setHeader("Cache-Control", "no-cache");
    //读取从客户端发送过来的数据
    StringBuffer sb = new StringBuffer();

    BufferedReader br = request.getReader();
    String len = null;
    if( ( len = br.readLine() ) != null ){
        sb.append( len );
    }
    String body = sb.toString();
    //注：下面的步骤是必须的
    body = StringUtil.unescape( body );

    System.out.println( "body1 = " + body );

    out.write( body );
%>

例子如下所示：
                注：js\request.js 脚本文件那如下：
        贴出来，为了记忆，也为了他人吧。

分享到：