javaweb利用ajax使登录窗口不跳转页面实现对账号密码的判断
和上一篇判断用户名是否被占用不跳转页面类似！利用ajax实现跳转，要导入jquery文件库！具体代码我会贴出来，注释在里面！！可以观摩一手！（代码我也留下链接，如果失效，评论补发，代码可能导入也无法使用！！你们要自己配置一下路径，或者自己建文件复制粘贴吧！）
login.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在此处插入标题</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-3.3.1.js"></script>
<script type="text/javascript">
function tiJiao(){
var username = $("#username").val();//获取登录的名字
var password = $("#password").val();//获取登陆的密码
if(username == null || username.length == || password == null || password.length == ){
alert("填写不完整");//判断是不是账号密码为空！
return false;} var url="${pageContext.request.contextPath}/login";//这个地址是你要判断用户是否存在的后台
var args={"username":username,"password":password,"time":new Date()};//这个参数是把编辑框里的内容传过去给后台了，这个参数是你自己随便写的相当于map类键值对从这里可以传值过去，你在后台用request.getParameter（“”键“”）就可以得到里面的值愿意传多少都行！
$.post(url,args,function(data){$("#message").html(data);}); } </script> </head> <body> <div align="center"> 账号：<input type="text" id="username" name="username" style="width:200px; height:25px;" ><label id="message"></label></div><br> <div align="center">密码：<input type="password" id="password" name="password" style="width:200px; height:25px;"></div> <div align="center"><input type="button" value="登陆" onclick=" tiJiao()" style="width:70px; height:30px;" /></div> </body> </html>
servelt下的login.java（哈哈可能不太规范！）
package com.servelt; import java.io.IOException;
import java.sql.SQLException;
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 com.stdy.Util.PdLogin; /**
* Servlet implementation class login
*/
@WebServlet(asyncSupported = true, urlPatterns = { "/login" })
public class login extends HttpServlet {
private static final long serialVersionUID = 1L; /**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub } /**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
PdLogin login =new PdLogin();
String username=request.getParameter("username");
String password=request.getParameter("password");
System.out.println("用户名"+username+password);
try {
String result=null;
String temp=login.checkLogin(username, password);
if(temp.equals(""))
{
//result="<font color='red'>登录成功</font>";
//response.setContentType("text/html");//在这里是传回的文本格式为html格式
//response.getWriter().print(result);//将提示信息传回前端jsp页面
//其实上面几行写不写吧！！可以设置一个session什么的
//在这里可以直接跳转你想要登录的界面！！
System.out.println("登录成功！"); }
else {
result="<font color='red'>账号或者密码错误</font>";
System.out.println(result);
response.setContentType("text/html");//在这里是传回的文本格式为html格式
response.getWriter().print(result);//将提示信息传回前端jsp页面 } } catch (SQLException e) {
// TODO 自动生成的 catch 块
e.printStackTrace();
} } }
这个是数据库链接文件DButil.java
package com.stdy.Util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
public class DButil { public static Connection getConnection() {
try {
//1 加载驱动
Class.forName("com.mysql.jdbc.Driver").newInstance();
} catch (InstantiationException | IllegalAccessException | ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
String user = "root";
String password = "root";
String url = "jdbc:mysql://localhost:3306/test";
Connection connection = null;
try {
//2 创建链接对象connection
connection = DriverManager.getConnection(url,user,password);
} catch (SQLException e) {
// TODO Auto-generated catch block
System.out.println("sql链接出现异常");
e.printStackTrace(); }
return connection;
} //关闭资源的方法
public static void close(Connection connection ) {
try {
if (connection != null) {
connection.close();
} } catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
public static void close(PreparedStatement preparedStatement ) {
try {
if (preparedStatement != null) {
preparedStatement.close();
} } catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
public static void close(ResultSet resultSet ) {
try {
if (resultSet != null) {
resultSet.close();
} } catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
} }
这是判断是不是登录成功的java文件
PdLogin.java
package com.stdy.Util; import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException; public class PdLogin { public String checkLogin(String username,String password) throws SQLException
{String flag="";
Connection connection = DButil.getConnection();
PreparedStatement preparedStatement = connection.prepareStatement("select * from t_user where username =?");
preparedStatement.setString(, username);
ResultSet resultSet = preparedStatement.executeQuery();
while(resultSet.next())
{ if((resultSet.getString("password").equals(password)))
{flag="";//管理员
} }
preparedStatement.close();
connection.close();
resultSet.close();
return flag; } }
数据库为mysql 数据库名称为test 下面就有一个表t_user 内容为 username和password 都为文本型 截图：
运行截图：
下载链接：链接: https://pan.baidu.com/s/1qZB8Fwg 密码: s4hq
javaweb利用ajax使登录窗口不跳转页面实现对账号密码的判断的更多相关文章
- ajax删除数据（不跳转页面）
以前我们讲的删除是利用嵌入php代码,跳转到另一个页面,从而降低了删除速度,但我们今天讲的利用ajax不仅可以达到不跳页面快速删除,并且能添加特效来美化页面. AJAX = 异步 JavaScript ...
- ASP.NET MVC利用ajax把action的JavaScript注册到页面并执行
相信大家在做Webform时经常会遇到在页面的后台CS文件中根据数据运行结果修改页面显示样式.显示(隐藏).或者弹出框,当时我们会用到ScriptManage或者Page来向页面注册一段js来实现页面 ...
- jquery的ajax提交后，会跳转页面
今天在写代码的时候,遇到一个很奇怪的问题,一个form表单,用的是ajax的方式提交.结果,在服务器端php中,使用exit(),函数后都不能停止,并且继续跳转到本页.请求如下: 第一个请求中,其实我 ...
- 使用ajax向后台发送请求跳转页面无效的原因
Ajax只是利用脚本访问对应url获取数据而已,不能做除了获取返回数据以外的其它动作了.所以浏览器端是不会发起重定向的. 1)正常的http url请求,只有浏览器和服务器两个参与者.浏览器端发起一个 ...
- javaweb利用javabean将数据库中内容遍历在页面输出
效果如下图 它所实现的就是把数据库中一个表中所有的数据一条一条以表格的形式输出在网页上, 实现方法如下 首先我们要从数据库读取数据,这里要借助javabean来方便我们传递数据 以上面的为例,我要输出 ...
- SSM框架中，利用ajax，jQuery，json动态刷新局部页面，实现用户名查重提示
1.在applicationContext.xml配置json文件 2.jsp页面 3.js语句 js语句在script标签中使用, 4.控制层 5.逻辑处理层 6.Dao层方法 7.Mapping层 ...
- 兼容h5在ios上登录窗口input失焦后页面不会滚
$("#logincode").blur(function(){ //滚动到顶部 window.scrollTo(0, 0); })一般多用于密码框失焦后,页面不回滚
- 【坑】前端使用ajax异步请求以后，springMvc拦截器跳转页面无效
文章目录 前言 `$.ajaxSetup( )` 后记 前言 本文着重解决前后端分离开发的页面调整问题. 笔者,在做一个需求,需要对访问网站,但是没有登录的用户进行拦截,将他们重定向到首页. 很简单的 ...
- ajax不跳转页面的快速删除操作，可添加美观样式
以前我们讲的删除是利用嵌入php代码,跳转到另一个页面,从而降低了删除速度,但我们今天讲的利用ajax不仅可以达到不跳页面快速删除,并且能添加特效来美化页面. 上代码,我们先来做主页面 <!DO ...
随机推荐
- 敌兵布阵-HDU1166 点修改+区间查询
题目:C国的死对头A国这段时间正在进行军事演习,所以C国间谍头子Derek和他手下Tidy又开始忙乎了.A国在海岸线沿直线布置了N个工兵营地,Derek和Tidy的任务就是要监视这些工兵营地的活动情况 ...
- 吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类：将页面元素所包含的文本内容替换为背景图
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- C. Gas Pipeline DP
C. Gas Pipeline time limit per test 2 seconds memory limit per test 256 megabytes input standard inp ...
- 第1节 kafka消息队列：3、4、kafka的安装以及命令行的管理使用
6.kafka的安装 5.1三台机器安装zookeeper 注意:安装zookeeper之前一定要确保三台机器时钟同步 */1 * * * * /usr/sbin/ntpdate us.pool.nt ...
- formatTime() 时间戳，返回数据是计算距离现在的时间
const formatTime=function(tiem) {//时间转换 const timestamp = Date.now(); return function (tiem) { ...
- 报错信息 Context []startup failed due to previous errors
文章转自:http://blog.sina.com.cn/s/blog_49b4a1f10100q93e.html 框架搭建好后,启动服务器出现如下的信息: log4j:WARN No appende ...
- LIS问题
LIS定义LIS(Longest Increasing Subsequence)最长上升子序列 .一个数的序列bi,当b1 < b2 < … < bS的时候,我们称这个序列是上升的. ...
- php-计算2个时间之差
//$startdate是开始时间,$enddate是结束时间 <?php $startdate="2011-3-15 11:50:00"; $enddate="2 ...
- hadoop 第一个 mapreduce 程序（对MapReduce的几种固定代码的理解）
1.2MapReduce 和 HDFS 是如何工作的 MapReduce 其实是两部分,先是 Map 过程,然后是 Reduce 过程.从词频计算来说,假设某个文件块里的一行文字是”Thisis a ...
- 图片转换到指定大小PDF
1.首先转换为eps jpeg2ps compile to exec file ./jpeg2ps -p a4 a.jpg -o x.eps2.从eps转换到pdf ps2pdf -dDownsa ...