用ajax做项目,解决关于中文乱码的两个方法

例子代码如下:

  在页面端ajax.html的代码如下

<html>
<head>
  <title></title>
    <script type="text/javascript" src="jslib/jquery-1.2.3.js"></script>
    <script type="text/javascript" src="jslib/verify.js"></script>
</head>
<body>
          请输入用户名:<input type="text" id="username"/>
           <input type="button" value="检验" οnclick="verify()" />
          <div id="result"></div>
</body>

</html>

 

    在verify.js脚本里的方法如下:

   

function verify() {

      var jqueryobj=$("#username");                     //获得页面text的值

     // var username =encodeURI($("#username").val()) ;         //这是第一种方法,在页面端做一次 encodeURI();

        var username =encodeURI(encodeURI($("#username").val()));     //这是第二种方法,在页面端做二次 encodeURI();

     $.get("AJAXServer?username="+username,null,callback);    //用jquery的 $.get 函数向服务端提交数据

}

function callback(data){                     //回调函数
     var resultobj=$("#result");           //获得页面id=result的对象
    resultobj.html(data);                    //输出服务器端返回的数据到页面

}

 

   服务器端AJAXServer.java的代码如下:

  

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.ServletException;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;

/**
 * Created by IntelliJ IDEA.
 * User: ChenZhaoyan
 * Date: 2009-12-31
 * Time: 12:15:17
 * To change this template use File | Settings | File Templates.
 */
public class AJAXServer extends HttpServlet {

          protected void doPost(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse)
            throws ServletException, IOException {
        doGet(httpServletRequest, httpServletResponse);    //To change body of overridden methods use File | Settings | File Templates.

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

           try{
              response.setContentType("text/html;charset=utf-8");
               PrintWriter out=response.getWriter();
               String old =request.getParameter("username");

               if(old==null||old.length()==0){
                   out.print("用户名不能为空!");
               }else{
                 //  String name=new String(old.getBytes("ISO8859-1"),"utf-8");                //这是在服务器的第一种方法

                   String name= URLDecoder.decode(old,"utf-8");                                      //这是在服务器的第二种方法,推荐使用解码方式
                   if(name.equals("czy")){
                      out.print("用户名["+name+"]已经存在,请用其它用户名!");
                   }else{
                      out.print("用户名["+name+"]尚未存在,可以使用该用户名!");
                   }
               }

           }catch(Exception e){
               e.printStackTrace();
           }

    }
}

 

解决中文乱码问题方法1.页面端发出的一数据作一次 encodeURI(); 服务器端使用 new String(old.getBytes("ISO8859-1"),"utf-8")解码;
解决中文乱码问题方法2.页面端发出的一数据作两次 encodeURI(); 服务器端使用URLDecoder.decode(old,"utf-8")解码;

转载于:https://www.cnblogs.com/CZy5168/archive/2009/12/31/1637162.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值