jQuery dialog实现登陆，增删改操作

java-web阶段做一些小的项目时，传值往往使用表单form作为载体进行传值，但是在实际的一些网络操作中很多都会使用弹出框进行取值，比如一个登陆页面，直接会弹出一个登陆框，而不是跳转到另一个页面，这样的好处是，用户与软件的人机交互变得更加友好，也会使操作更加流畅。下面的例子就是使用jQuerydialog实现这样一个功能。

登陆界面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

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

<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

success:function(result){
if (result == "1") {
alert("登录成功");
$("#myModal_div").dialog("close");
window.location="main.jsp";
} else if(result == "2"){
alert("用户名有误");
}else alert("密码有误，请重新输入");

}
});

},

取消:function(){
$("#myModal_div").dialog("close");

}

}

});
function validateId(id,msg){

$("#"+id).parent().find(".errmsg").html(msg);
}
function validateForm(){
var username = $("#username").val();
var password = $("#password").val();
if(null==username||''==username){
validateId("username","用户名不能为空");
}
if(null==password||''==password){
validateId("password","密码不能为空");
}

}
}

</script>
</head>
<body>
<button type="button" οnclick="dialog_login()">请登录</button>
<div id="myModal_div" style="display:none;" style="height: 300px" >

<form method="post" id="log">
<div>username: <input id="username" type="text"/><span class="errmsg"></span><br/></div>
<div>password: <input id="password" type="text"/><span class="errmsg"></span><br/></div>
</form>

</div>

</body>
</html>

servlet端代码：

private voidlog(HttpServletRequest req, HttpServletResponse resp) throws IOException,JSONException, ServletException {

// TODO Auto-generated method stub

resp.setContentType("text/html;charset=utf-8");

PrintWriterout = resp.getWriter();

Stringusername = req.getParameter("username");

Stringpassword = req.getParameter("password");

System.out.println(username+"\t"+password);

Useru = DaoFactory.getUserDao().login(username, password);

HttpSessionsession = req.getSession();

Stringmsg = "1";

Stringemsg1 = "2";

Stringemsg2 = "3";

if (u==null) {

out.print(emsg1);

}

else if(!u.getPassword().equals(password)||u.getPassword().equals("")) {

out.print(emsg2);

}

else {

out.print(msg);

session.setAttribute("loginUser",u);

}

index.jsp中需要引入jQuery包，网上有很多，下个就行。

增删改代码和登陆代码类似，有兴趣研究一下！

推荐本书：《锋利的jQuery》作者：单东林(亚信科技——黑带大师)很牛逼！！

多积累，多总结，技术就会扎实

jQuery dialog实现登陆，增删改操作相关推荐

mvc php 分页,MVC+jQuery.Ajax异步实现增删改查和分页_jquery
本文实例为大家分享了MVC+jQuery.Ajax异步实现增删改查和分页的具体代码,供大家参考,具体内容如下 1.Model层代码 using System; using System.Data; u ...
dom对html增删改操作,6.DOM对HTML元素的增删改操作
节点的增删改操作 function createNode(){ //创建一个li元素 var li = document.createElement("li"); li.inner ...
MySQL——数据库的增删改操作
数据库的增删改操作数据库的增操作数据库的增操作主要涉及数据库的增加.数据表的增加.表记录增加以及表字段增加等.数据库的增加非常简单,就是新创建一个数据库:表记录的增加指的就是新增表的数据行,可以是 ...
Oracle 原理: 视图，对视图进行增删改操作
Oracle的视图和SQLServer的视图基本一样. 视图,是一个虚拟的表,不会给视图分配存储空间.视图的建立需要依赖于单个或多个普通表,被依赖的普通表就成为"基表".可以就像 ...
PHP操作MySQL数据库（连接、增删改操作）
MySQL 是跟 PHP 配套使用的最流行的开源数据库系统,我们知道MySQL是PHP的最佳搭档,下面是系统的总结PHP与MySQL联合使用的方法.主要是使用MySQL扩展,下面就通过归纳总结来提升. ...
第一节: 结合EF的本地缓存属性来介绍【EF增删改操作】的几种形式
一. 背景说起EF的增删改操作,相信很多人都会说,有两种方式:① 通过方法操作和 ② 通过状态控制. 相信你在使用EF进行删除或修改操作的时候,可能会遇到以下错误:" The obj ...
Oracle数据库的增删改操作介绍
前面的博文介绍了Oracle的简单查询操作,博客地址:http://blog.csdn.net/weixin_36380516/article/details/65935879 这里再对Oracle的 ...
mysql 编辑数据库内容_详解mysql数据库增删改操作
插入数据 insert into 表名(列名1,列名2,列名3) values(值1,值2,值3); insert into user(user_id,name,age) values(1,'nice ...
20190602：JDBC的增删改操作实践
实现JDBC的增删改操作 JDBC的增删改操作测试 JDBC的增删改操作首先紧接昨天的JDBC的第一个程序,进行简单的修改即可做到增删改操作: public void insert_test() ...
Java连接数据库通用的增删改操作
通用增删改的写法: ①获取数据库的连接 ②预编译sql语句,返回PreparedStatement的实例 ③填充占位符 ④执行 ⑤资源的关闭注:这里的数据库连接以及资源的关闭的方法封装到了Utils ...

jQuery dialog实现登陆，增删改操作

jQuery dialog实现登陆，增删改操作相关推荐

最新文章

热门文章