ajax 页面发送post请求

最新推荐文章于 2021-10-30 20:38:39 发布

原创最新推荐文章于 2021-10-30 20:38:39 发布 · 905 阅读

1 ·

CC 4.0 BY-SA版权

ajax 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用Ajax实现的登录功能示例，通过前端JavaScript发起POST请求，并从后端接收响应来判断登录是否成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajax 发送url的请求，然后后台返回数据，前台根据返回数据进行处理~

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
        <script type="text/javascript">
             $().ready(function () {
                    $('#Login').click(function () {
                            $.ajax({
                                type: "POST",
                                url: "login.action",
                                data: "sysUser.loginName=" + escape($('#username').val()) + "&sysUser.password=" + escape($('#password').val()),
                                beforeSend: function () {
                                    $("#login").css("display", "none");
                                },
                                success: function (msg) {
                                    if (msg == "success") {
                                        //parent.tb_remove();
                                        parent.document.location.href = "mainPage.action"; //如果登录成功则跳到管理界面
                                        parent.tb_remove();
                                    }
                                    if (msg == "failure") {
                                        alert('用户名或密码错误！');
                                    }
                                },
                                complete: function (data) {
                                    $("#login").css("display", "block");
                                },
                                error: function (XMLHttpRequest, textStatus, thrownError) {
                                    alert('模块加载异常！');
                                }
                            });
                    });
                });

        </script>

后台代码

      HttpSession session = (HttpSession) ServletActionContext.getRequest().getSession();
            String ustr=ojbToJson(user);
            session.setAttribute("sysuser",ustr);
            ServletContext ContextA = session.getServletContext();
            ContextA.setAttribute("globalSession", session);
            HttpServletResponse response = ServletActionContext.getResponse();
            response.setContentType("text/html;charset=utf-8");
                try {
                    PrintWriter out = response.getWriter();
                    out.write("success");
//                        out.print("{success:true,'msg':'aaa'}");
                        out.flush();
                        out.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
//            this.setJsonStr("{success:true}");
            
        }else{
            ctx.put("user", null);
            HttpServletResponse response = ServletActionContext.getResponse();
                try {
                     PrintWriter pw = response.getWriter();
                        pw.write("failure");
//                        pw.write("{failure:true,'msg':'aaa'}");
                        pw.flush();
                        pw.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
//            this.setJsonStr("{failure:true}");
        }