ajax

web.xml声明了

<servlet>
    <servlet-name>AjaxAction</servlet-name>
    <servlet-class>Act.AjaxAction</servlet-class>
  </servlet>


  <servlet-mapping>
    <servlet-name>AjaxAction</servlet-name>
    <url-pattern>/aj.io</url-pattern>
  </servlet-mapping> 

jsp页面

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
    $(function() {
        $("#bt_login").click(function() {
                    $.ajax({
                        url : "aj.io",
                        type:"get",
                        data : encodeURI("act=login&name=" + $("#name").val() + "&pw="+ $("#pw").val()+"&s="+Math.random()),
                        success : function(reqon) {
                            //解析json
                            var obj=eval("("+reqon+")");
                            if(obj.head=="ok"){
                                $("#login_div").hide();
                                $("#ht").html("欢迎登录,"+obj.body.name+"<a href='aj.io?act=logout'>注销</a>");
                            }else{
                                $("#ht").html(obj.body);
                            }
                        }

                    });
                });
    });
</script>

url : 必须对应web.xml中的配置,请求到AjaxAction这个类
data : encodeURI()可以解决乱码问题
success : function(reqon)中的reqon可随便定义名字

这是AjaxAction类中的方法:
AjaxReturn 是一个pojo类

public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        userDao=new UserDao();
        request.setCharacterEncoding("UTF-8");
        response.setCharacterEncoding("UTF-8");


        AjaxReturn returnObj=new AjaxReturn();
        String act=request.getParameter("act");
        if("login".equals(act)){
            String name=request.getParameter("name");
            String pw=request.getParameter("pw");
            User user=userDao.findByname(name);
            if(user==null){
                //没有此用户
                returnObj.setHead("err");
                returnObj.setBody("用户找不到");
            }else{
                if(user.getPw().equals(pw)){
                    //登陆成功
                    returnObj.setHead("ok");
                    returnObj.setBody(user);
                    request.getSession().setAttribute("user", user);
                }else{
                    //密码错误
                    returnObj.setHead("err");
                    returnObj.setBody("密码错误");
                }
            }
        }else if("logout".equals(act)){
            request.getSession().removeAttribute("user");
            response.sendRedirect("index.jsp");
//          request.getRequestDispatcher("index.jsp").forward(request, response);
            return;

        }
        PrintWriter out=response.getWriter();
        response.setContentType("text/html");
        Gson gson=new Gson();
        out.print(gson.toJson(returnObj));
        System.out.println(gson.toJson(returnObj));
        out.flush();
        out.close();
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值