ajax用jquery方法验证用户名方法（回钦波）

huiqinbo

浏览: 335148 次
性别:
来自: 北京

最近访客更多访客>>

薛宝钗的猫

iamjustlyl

A741841403

qqpkat2

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Ajax jQuery Servlet XML IDEA

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="提交" onclick="jqueryXmlTest()"/>
    <div id="result"></div>

</body>
</html>

分享到：