ajax用jquery方法验证用户名方法（回钦波）
1.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: Administrator
* Date: 2010-1-29
* Time: 18:09:54
* To change this template use File | Settings | File Templates.
*/
public class BlogList extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{
response.setContentType("text/xml;charset=UTF-8");
PrintWriter out= response.getWriter();
request.setCharacterEncoding("UTF-8");
String newname =request.getParameter("name");
System.out.println(newname);
String name= URLDecoder.decode(newname,"UTF-8");
StringBuilder sb = new StringBuilder();
sb.append("<message>");
if(name!=null||name.length()>0){
if(name.equals("huiqinbo")){
sb.append("恭喜你成功登录").append("</message>");
}else{
sb.append("对不起登录失败").append("</message>");
}
}else{
sb.append("用户名不能为空").append("</message>");
}
out.print(sb.toString());
System.out.println(sb.toString());
}
}
2.
function jqueryXmlTest(){
var name=$("#name").val();
$.ajax({
type: "Get", //http请求方式
url: "BlogList", //服务器段url地址
data: "name=" + name, //发送给服务器段的数据
dataType: "xml",//告诉JQuery返回的数据格式
success: callback//定义交互完成，并且服务器正确返回数据时调用的回调函数
});
}
function callback(data){
var obj=$(data);
alert("我是服务器端");
//获取message节点
var message= obj.children();
var text =message.text();
$("#result").html(text);
}
3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jslib/jquery.js"></script>
<script type="text/javascript" src="jslib/jqueryXmlTest.js"></script>
</head>
<body>
<input type="text" id="name"/>
<input type="submit" value="提交" />
<div id="result"></div>
</body>
</html>
页:
[1]