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传给打开的新页面 ...

随机推荐

性能瓶颈之Mapping
如果Source和Target都不存在性能上的瓶颈,则问题可能会出在Mapping 如何判定Mapping存在性能瓶颈 1) 在session log中读取thread statistics和wor ...
第13组_16通信3班_045_OSPFv3作业
IPv6 路由-OSPFv3 实验目的 1. 掌握 OSPFv3 的配置方法 2. 掌握在帧中继环境下 OSPFv3 的配置方法 3. 掌握 OSPFv3 NSSA 的配置方法 4. 学会查看 O ...
推荐一篇关于java集合的博文，写的很nice
这也是我自己在网上看到的一篇博文,作者的博文都很棒,以后还会持续为大家推荐好的博文,只要大家不骂我只会转别人的博文,自己不会写,其实这些都是基础,前辈们已经在实践中总结的很细很全了,所以也没必要去总结 ...
2.matplotlib画散点图
2.1.身高和体重实例 import matplotlib.pyplot as plt height = [161,162,163,164,165] weight = [50,60,70,80,90] ...
mysql 开发进阶篇系列 44 物理备份与恢复( 热备份xtrabackup 工具介绍)
一.概述物理备份和恢复又分为冷备份和热备份.与逻辑备份相比,它最大优点是备份和恢复的速度更快.因为物理备份的原理都是基于文件的cp. 1.1 冷备份冷备份就是停掉数据库服务.这种物理备份一般很少使 ...
HashTable原理与源码分析
本文版权归远方的风lyh和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作,如有错误之处忘不吝批评指正! HashTable内部存储结构 HashTable内部存储结构为数组+单向链 ...
Go语言学习笔记说明
参考书籍:<学习Go语言>.<Go语言编程> 程序运行环境:windows(64bit) Go语言版本:go1.0.2 资料: 1.Go语言半小时速成教程 http://w ...
学会这个删库再也不用跑路了~ --技术流ken
前言相信每一个学IT的人或多或少都听说过从删库到跑路这个梗~下图也是在各种交流群屡禁不止,新人听着也是瑟瑟发抖. 人们茶余饭后,街头巷角难免要问... 下面技术流ken就教给各位新手们一招删库再也不 ...
(3)编译安装lamp三部曲之php-技术流ken
简介 php是服务器端脚本语言,我们需要使用它来提供动态的网页.接下来就来编译安装php吧. 系统环境及服务版本 centos7.5 服务器IP:172.20.10.7/28 libmcrypt-de ...
C#文件夹权限操作整理
using System.Security.AccessControl; using System.IO; using System.Security.Principal; 取得目录的访问控制和审核安 ...

ajax简单登录（踩过的坑）

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

随机推荐

热门专题