ajax简单登录（踩过的坑）

登陆页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title>登录页面</title>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

<!--===============================================================================================-->

    <link rel="icon" type="image/png" href="${pageContext.request.contextPath}/images/icons/favicon.ico"/>

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/beforepage/css/font-awesome.min.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/loginfonts/Linearicons-Free-v1.0.0/icon-font.min.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">

<!--===============================================================================================-->

    <link rel="stylesheet" type="text/css" href="css/util.css">

    <link rel="stylesheet" type="text/css" href="css/loginmain.css">

<!--===============================================================================================-->

    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>

<!--===============================================================================================-->

    <script src="vendor/animsition/js/animsition.min.js"></script>

<!--===============================================================================================-->

    <script src="vendor/bootstrap/js/popper.js"></script>

    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!--===============================================================================================-->

    <script src="vendor/select2/select2.min.js"></script>

<!--===============================================================================================-->

    <script src="vendor/daterangepicker/moment.min.js"></script>

    <script src="vendor/daterangepicker/daterangepicker.js"></script>

<!--===============================================================================================-->

    <script src="vendor/countdowntime/countdowntime.js"></script>

<!--===============================================================================================-->

    <script src="js/loginmain.js"></script>

    <script type="text/javascript">

    function register(){

        window.location.href="${pageContext.request.contextPath}/register.jsp";

    }

    function Logincheck(){

        $.ajax({

             type: "POST",                          //传数据的方式

             url: "login",                               //servlet地址

             data: $("#form").serialize(),          //传的数据  form表单 里面的数据

             success: function(result){  

                /*     var result = result;

                    console.log(result) */

                    //alert(result);           //传数据成功之后的操作   result是servlet传过来的数据  这个函数对result进行处理，让它显示在 输入框中

                    if(result == "test" ){

                        alert("登录成功！！！");

                        window.location.href="${pageContext.request.contextPath}/SuccessServlet"; //不能直接使用:"/success"

                    }/* else if(result=="pwdfalse"){

                        alert("密码错误！！！");

                        window.location.href="${pageContext.request.contextPath}/login.jsp";

                    }else{

                        alert("没有该用户！！！");

                        window.location.href="${pageContext.request.contextPath}/login.jsp";

                    } */

            },

             error : function() {

                alert("系统出错！！！");

                window.location.href="${pageContext.request.contextPath}/index.jsp";

            }

         });

      }

    </script>

</head>

<body>

    <div class="limiter">

        <div class="container-login100">

            <div class="wrap-login100">

                <div class="login100-form-title" style="background-image: url(images/login_center.jpg);">

                    <span class="login100-form-title-1">

                        欢迎登录

                    </span>

                </div>

                <form id="form" class="login100-form validate-form">

                    <div class="wrap-input100 validate-input m-b-26" data-validate="Username is required">

                        <span class="label-input100">用户名：</span>

                        <input class="input100" type="text" name="uname" placeholder="请输入用户名">

                        <span class="focus-input100"></span>

                    </div>

                    <div class="wrap-input100 validate-input m-b-18" data-validate = "Password is required">

                        <span class="label-input100">密码：</span>

                        <input class="input100" type="password" name="upass" placeholder="请输入密码">

                        <span class="focus-input100"></span>

                    </div>

                    <div class="flex-sb-m w-full p-b-30">

                        <div class="contact100-form-checkbox">

                            <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">

                            <label class="label-checkbox100" for="ckb1">

                                记住密码

                            </label>

                        </div>

                        <div>

                            <a href="#" class="txt1">

                                忘记密码？

                            </a>

                        </div>

                    </div>

                    <div class="container-login100-form-btn">

                        &nbsp&nbsp<button type="button" class="login100-form-btn" onclick="Logincheck()">登录</button>

                        &nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

                    <button type="button" class="login100-form-btn"><a href="${pageContext.request.contextPath}/register.jsp">注册</a></button>

                    </div>

                </form>

            </div>

        </div>

    </div>

</body>

</html>

后台逻辑实现：

package com.liu.Servlet;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import com.liu.Dao.AdminDao;

import com.liu.Dao.Impl.AdminDaoImpl;

import com.liu.Entity.Admin;

/**

 * Servlet implementation class LoginServlet

 */

@WebServlet("/login")

public class LoginServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public LoginServlet() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        //response.getWriter().append("Served at: ").append(request.getContextPath());

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        String result="nouser";

        PrintWriter out=response.getWriter();

        request.setCharacterEncoding("UTF-8");

        request.getContentType();

        String uname=request.getParameter("uname");

        String upwd=request.getParameter("upass");

        System.out.println("uname："+uname);

        System.out.println("upwd:"+upwd);

        AdminDao admindao = new AdminDaoImpl();

        Admin ad=null;

        try {

            ad = admindao.queryAdmin(uname);

            System.out.println(ad.toString());

            if(ad!=null) {

                if(upwd.equals(ad.getM_pwd())) {

                    System.out.println("账户密码正确");

                    HttpSession session=request.getSession();

                    session.setAttribute("user", ad);

                    result="test";

                }else {

                    System.out.println("密码错误");

                    result="pwdfalse";

                }

            }

        } catch (Exception e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

        System.out.println(result);

        out.print(result);

        out.flush();

        out.close();

    }

}

不能用println；println带换行，会连同换行一起发送到前端，在前端判断会无法进行比较！！！

ajax简单登录（踩过的坑）的更多相关文章

sqlserver用windows方式验证登录踩过的坑
坑位一: 之前没用过windows验证方式登录sqlserver,连接串怎么写坑位二: 链接上了,但是启动报错八月 19, 2020 9:33:43 上午 com.microsoft.sqlser ...
apicloud地图、即时通讯、人脸识别登录、以及平时踩过得坑
apicloud技术浅谈导语 apicloud 的学习也有一段时间了,这是我个人的一些经验,和踩过的坑,希望对大家能有一些帮助. apicloud的知识准备 apicloud 是一个用原生的思想搭建 ...
使用pace监控ajax踩过的坑
使用vue.js开发移动端的活动页面时,有时候会出现因为请求的数据没有返回而使得当前活动页结构混乱或者不美观,这个时候可以考虑使用pace.js,通过设置参数值,在ajax全部请求结束之前显示load ...
使用Ajax中get请求发送Token时踩的那些坑
在使用惯了各种牛X的插件以后,在使用原生组件写一些小东西的时候总是有踩不完的坑! 今天就来说一说我使用原生ajax请求时踩得坑: 下面是我的代码: var xmlhttp; if (window.XM ...
那些年提交AppStore审核踩过的坑
此文刚刚上了CocoaChina的首页:那些年提交AppStore审核踩过的坑欢迎围观,谢谢大家支持. //add by 云峰小罗,2016.08.04 做iOS开发近5年了,每次提交版本时不可谓 ...
Dcloud开发webApp踩过的坑
Dcloud开发webApp踩过的坑一.总结一句话总结:HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头.陀螺仪.文件系 ...
创建优化的Go镜像文件以及踩过的坑
在Docker上创建Go镜像文件并不困难,但建立的文件很大,接近1G,使用起来不太方便.Docker镜像的一个主要难题就是如何优化,创建小的镜像.我们可以用多级构建的方法来创建Docker镜像文件,它 ...
framework7 总结之前遇到的问题和踩过的坑
官网上写的案例比较简单明了,我这里就将我使用时踩过的坑做一个总结,与大家共勉! 最近使用framework,基本全靠浏览官方文档,当然,有遇到了许多的错误,开始不知道哪里出问题也很着急,到最后发现问题 ...
项目中踩过的坑之-sessionStorage
总想写点什么,却不知道从何写起,那就从项目中踩过的坑开始吧,希望能给可能碰到相同问题的小伙伴一点帮助. 项目情景: 有一个id,要求通过当前网页打开一个新页面(不是当前页面),并把id传给打开的新页面 ...

随机推荐

Go Slice 使用中的小陷阱
go中的切片有两个特性: 底层的数据结构是数组 type slice struct { array unsafe.Pointer len int cap int } 包括从切片和数组派生出来的切片都是 ...
ionic3 生成android 如何控制versionCode版本号
ionic 项目中生成 android 如何控制版本号呢. 1.在项目的配置文件下的config.xml 来我们可以看到 <widget id="com.ionicframework. ...
简易远程消息交换协议SRMP
一.SRMP目标定位经过十多年实战经验积累以及多方共同讨论,新生命团队(https://github.com/newlifex)制订了一种简单而又具有较好扩展性的RPC(Remote Procedu ...
mysql服务器架构
mysql是最广泛使用的开源数据库之一,作为后端开发人员,或多或少都会和mysql打交道,本篇文章会从sql查询语句的执行过程,来介绍mysql的服务器架构, 查询的过程大致分为从客户端到服务器,在服 ...
[总结] Min-Max容斥学习笔记
min-max 容斥给定集合 \(S\) ,设 \(\max(S)\) 为 \(S\) 中的最大值,\(\min(S)\) 为 \(S\) 中的最小值,则: \[\max(S)=\sum_{T\in ...
JVM（二）—— 垃圾回收
垃圾回收垃圾回收主要解决三个问题(回收哪些Which,什么时候回收WHEN,如何回收HOW) 一.回收哪些这三个问题,最主要的还是第一个,Which回收哪些,评断回收还是不回收的标准是看对象是否被 ...
javascript小实例，编写一个方法，实现从n-m个数中随机选出一个整数
别怪我是一个闷葫芦,没那么多花哨的语言,废话不多说,先说说小实例的要求: 编写一个方法,实现从n-m个数中随机选出一个整数,要求:传递的参数不足两个或者不是有效数字,返回[0-1]之间的随机数,需要解 ...
[转]docker之Dockerfile实践
本文转自:https://www.cnblogs.com/jsonhc/p/7767669.html 上一篇介绍了Dockerfile中使用的指令,现在开始进行指令实践先查看下本地的镜像,选一个作为 ...
第一讲从头开始做一个web qq 机器人，第一步获取smart qq二维码
新手教程: 前言:最近在看了一下很久很久以前做的qq机器人失效了,最近也在换工作目前还在职,时间很挺宽裕的.就决定从新搞一个web qq机器人 PC的协议解析出来有点费时间以后再做. 准备工作: 编译 ...
CDRAF之Service mesh
最近翻看一些网上的文章,偶然发现我们的CDRAF其实就是Service mesh的C++版本.不管从架构的理念上,或者功能的支持上面,基本完全符合.发几个简单的文章链接,等有时间的时候,再来详细描述. ...

ajax简单登录（踩过的坑）

ajax简单登录（踩过的坑）的更多相关文章

随机推荐

热门专题