例子代码如下:
在页面端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")解码;