java异步登录 java异步方式实现登录
旧梦vs逆爱 人气:0想了解java异步方式实现登录的相关内容吗，旧梦vs逆爱在本文为您仔细讲解java异步登录的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：java,异步,登录，下面大家一起来学习吧。
1.LoginServletAjax.java
package com.scce.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
import com.scce.dao.AdminUserDao;
import com.scce.pojo.AdminUser;
public class LoginServletAjax extends HttpServlet {
@Override
protected void service(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
String method = request.getMethod();
if (method.equals("POST")) {
doLoginAjax(request, response);
} else if (method.equals("GET")) {
}
}
public void doLoginAjax(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
PrintWriter out = response.getWriter();
// 用户名
String username = request.getParameter("username");
// 密码
String password = request.getParameter("password");
String msg = "";
AdminUserDao adminUserDao = new AdminUserDao();
AdminUser adminUser = adminUserDao.queryUser(username, password);
if (adminUser != null) {
msg="登录成功！";
String jsonObj= JSONObject.fromObject(adminUser).toString();
out.print("{\"Msg\":\""+msg+"\",\"rows\":"+jsonObj+"}");
System.out.println("{\"Msg\":\""+msg+"\",\"rows\":"+jsonObj+"}");
} else {
msg="用户名或者密码不正确！";
out.print("{\"Msg\":\""+msg+"\"}");
}
out.flush();
out.close();
}
}
2.test2.html
<!DOCTYPE html>
<html>
<head>
<title>chapter3-test2</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../UI/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="../UI/themes/default/easyui.css"
type="text/css"></link>
<!-- <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script> -->
<script type="text/javascript" src="../UI/jquery.min.js"></script>
<script type="text/javascript" src="../UI/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../UI/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
//string number boolean null object undefined function
$(function() {
$("#LoginAdd").dialog({
title : "用户登录",
collapsible : 'true',
width : 300,
height : 200,
buttons : [ {
text : '登录',
iconCls : 'icon-add',
handler : function() {
console.info("用户登录！");
ajaxFrm();//ajax提交表单的函数
}
} ]
});
});
function ajaxFrm() {
//------------------------注释的是ajax提交方法----------------------------
var LoginList = $("#LoginList");
$.ajax({
url : '../LoginServletAjax?tag=test',//相对路径访问
type : 'POST', //提交请求的方式
data : $('#form1').serialize()+'&names=liuqin&age=26',//将表单参数序列化，发送到服务器的数据(提交额外的参数)
dataType : 'json', //预期服务器返回的数据类型-json object
success : function(data) {//请求成功后将调用此方法var data = {"Msg":"登录成功","rows":{"username":"admin",...}}
console.info(data);//调试代码
$.messager.alert("提示", data.Msg);
LoginList.html("");//清空数据
if (data.rows) {
var stra = LoginList.html() + "用户名:" + data.rows.username
+ "--密码：" + data.rows.password + "<br/>";
LoginList.html(stra);
}
},
error : function(error) { //请求失败时将调用此方法
console.info(error);
}
});
/*var LoginList = $("#LoginList");
$("#form1").form("submit", {
url: "../LoginServletAjax?tag=test",
onSubmit: function (param) { //提交额外的参数
param.name="liuqin";
param.age=27;
var username = $("#username").val();
var password = $("#password").val();
if (username.length == 0 || password.length == 0) {
$.messager.alert('警告', '请输入用户名和密码');
return false;
}
return true;
},
success: function (data) {
//var data = eval('(' + data + ')');
var data = $.parseJSON(data);//服务器端返回json字符串转成json对象-js object
console.info(data);
$.messager.alert("提示", data.Msg);
LoginList.html("");//清空数据
if (data.rows) {
var stra = LoginList.html() + "用户名:" + data.rows.username
+ "--密码：" + data.rows.password + "<br/>";
LoginList.html(stra);
}
}
});*/
}
</script>
</head>
<body>
<div id="LoginAdd">
<form id="form1" method="post">
<table style="width: 100%;">
<tr>
<td>
用户名：
</td>
<td>
<input id="username" name="username"
class="easyui-validatebox textbox">
</td>
</tr>
<tr>
<td>
密码：
</td>
<td>
<input id="password" name="password"
class="easyui-validatebox textbox" type="password">
</td>
</tr>
</table>
</form>
</div>
<div id="LoginList">
用户信息加载中......
</div>
<video width="320" height="240" controls="controls"
src="../video/B4934A0C53FC55703BFE3F6843E66166.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
以上就是本文的全部内容，希望对大家学习java程序设计有所帮助。
加载全部内容