struts2+jquery实现ajax登陆实例详解
文本仪一个实例讲述了struts2+jquery实现ajax登陆的实现方法，具体步骤如下：
一、新建一个web项目，取名test。配置好struts2的环境,并导入Jquery的js文件到该项目。
二、在com.action包下，新建一个loginAction.java
loginAction.java的代码如下
package com.action;
import org.apache.struts2.convention.annotation.Action;
import org.apache.struts2.convention.annotation.ParentPackage;
import org.apache.struts2.convention.annotation.Result;
import org.apache.struts2.convention.annotation.Results;
import com.opensymphony.xwork2.ActionSupport;
@Action("login")
@ParentPackage(value = "json-default")
@Results({ @Result(name = "success", type = "json", params = { "data", "flag" }), })
public class LoginAction extends ActionSupport {
/**
*
*/
private static final long serialVersionUID = 1751244794407005783L;
private String flag;
private String username;
private String password;
public String execute() {
try {
if (getUsername() == null || getUsername().trim().equals("")) {
setFlag("用户名不能为空");
return SUCCESS;
} else if (getPassword() == null || getPassword().trim().equals("")) {
setFlag("密码不能为空");
return SUCCESS;
} else if (getUsername().trim().equals("admin")
&& getPassword().equals("admin")) {
setFlag("登陆成功");
return SUCCESS;
} else {
setFlag("用户名或密码错误");
return SUCCESS;
}
} catch (Exception e) {
e.printStackTrace();
setFlag("登陆异常");
return SUCCESS;
}
}
public String getFlag() {
return flag;
}
public void setFlag(String flag) {
this.flag = flag;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
}
三、在WebRoot目录下新建index.jsp和success.jsp
index.jsp为登陆界面，success.jsp为登陆成功后跳转的界面。
index.jsp内容如下：
<%@ 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">
<html>
<head>
<base href="<%=basePath%>" rel="external nofollow" >
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="./resource/js/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
$(".loginButton").click(function() {
var name = $("#username").val();//获取登陆用户名
var password = $("#password").val(); //获取登陆密码
$.post("login", {
username : name,
password : password
}, callback, "json");
});
function callback(data) {
var value=data.flag;
if(value=="登陆成功"){
location.href="./success.jsp" rel="external nofollow" ;
}else{
alert(value);
}
});
</script>
<body>
<input name="username" id="username" type="text" />
<input name="password" id="password" type="password" />
<button class="loginButton" class="btn btn-inverse">登陆</button>
</body>
</html>
相关推荐
-
struts2中实现多个文件同时上传代码
在upload.jsp页面中将多个文件域对象命名为相同的名字,这样在action中就可以将多个文件域解析成一个数组,数组的大小就是文件域的个数,同时一个文件域解析成三个对应的变量,因此多个文件域对应三个数组,其中每个数组的大小就是文件域的个数.jsp页面代码如下: 复制代码 代码如下: <form action="upload.action" name="uploadForm" method="post" enctype="mul
-
使用maven+eclipse搭建struts2开发环境
一.web分层结构简介1.web[细]粒度分层结构: 按细粒度分层可以分为以下6种: 1).表现层:html/css/js/jsp 2).控制层:servlet 3).实体层:javabean 4).业务逻辑层:javabean 5).持久层:jdbc/c3p0/dbutils 6).数据层:mysql/oracle 2.web[粗]粒度分层结构(重点): 按粗粒度可以分为3层: 1).由上面的1).2).3)组成mvc 什么是MVC? m即为model(模型层),v为view(表现层),c为c
-
struts2 jquery 打造无限层次的树
<%-- tree.jsp --%> <%@ page pageEncoding="gbk" contentType="text/html;charset=gbk" import="java.util.ArrayList" %> <%@ taglib uri="/struts-tags" prefix="s" %> <link rel="styleshee
-
struts2单个文件上传的两种实现方式
通过2种方式模拟单个文件上传,效果如下所示 开发步骤如下: 1.新建一个web工程,导入struts2上传文件所需jar,如下图 目录结构 2.新建Action 第一种方式 复制代码 代码如下: package com.ljq.action; import java.io.File; import org.apache.commons.io.FileUtils;import org.apache.struts2.ServletActionContext; import com.opensymph
-
关于Struts2的类型转换详解
一.类型转换的意义 对于一个智能的MVC框架而言,不可避免的需要实现类型转换.因为B/S(浏览器/服务器)结构应用的请求参数是通过浏览器发送到服务器的,这些参数不可能有丰富的数据类型,因此必须在服务器端完成数据类型的转换 MVC框架是一个表现层解决方案,理应提供类型转换的支持,Struts2提供了功能非常强大的类型转换支持. 二.表现层数据的处理 1.对于web应用而言,表现层主要用于与用户交互,包括收集用户输入数据,向用户呈现服务器的状态.因此表现层的数据的流向主要有两个方向:输入数据和输出数
-
struts2+spring+hibernate分页代码[比较多]第1/7页
dao层接口: Java代码 复制代码 代码如下: package com.last999.im.news.dao; import java.util.*; import com.last999.im.news.entity.KindEntity; import com.last999.im.news.web.PageTool; public interface KindEntityDao{ public KindEntity get(String uuid); public void save
-
Struts2的s:radio标签使用及用jquery添加change事件
struts2中s:radio标签的使用总结 遇到的问题:在使用该标签时,设置了默认选中项,但提交数据返回后,单选框不能显示之前选中的项,仍然为默认选项 通过测试得出以下结论: 以<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" theme="simple"></s:radio>为例 在使用s:radio标签的时候,如果要使该标签默认选中一项,可以通过两种方法 1.
-
ajax struts2 下拉框赋值(适合所有)
1.此代码适合所有下拉列表取值 2.一个项目所有的下拉列表只需要这一个公用方法: 步骤一:创建实体bean: 复制代码 代码如下: public class DictionaryBean { private String value_Id;//下拉框option的id private String value;//下拉框option的值 private String flag;//对应下拉框的值的类型,如flag=1,下拉列表为省份信息,flag=2为市级信息等: public String g
-
Struts2 OGNL调用公共静态方法详细介绍
Struts2 OGNL调用公共静态方法 一直以来都知道Struts2的OGNL支持在前台调用后台的静态方法,以前也用过,但用的比较少,今天自己重新开始了一个新的项目,在实现一个功能的时候用到了Struts2的在前台调用后台的静态方法,弄了半天没有出来结果,原来是自己没有在Struts的配置文件里面申明可以在前台使用后台的静态方法,故写出来供自己以后参考参考,并以此为教训. 假设有一个com.xxx.util.Util类,其中有一个叫sayHello的公共静态方法: public static
-
struts2 session 解读
HttpSession < session ＝ ServletActionContext.getRequest().getSession(); 例: public String findAll(){ HttpSession session = ServletActionContext.getRequest().getSession(); list = userService.find(); session.setAttribute("li
-
java Struts2 在拦截器里的跳转问题
复制代码 代码如下: java.lang.IllegalStateException at org.apache.catalina.connector.ResponseFacade.sendError(ResponseFacade.java:405) at org.apache.struts2.dispatcher.Dispatcher.sendError(Dispatcher.java:725) at org.apache.struts2.dispatcher.Dispatcher.servi
-
ajax+json+Struts2实现list传递实例讲解
由于实习需要,需要通过ajax来获取后台的List集合里面的值.由于前面没有接触过,所以今天就来研究下了. 一.首先需要下载JSON依赖的jar包.它主要是依赖如下: json-lib-2.2.2-jdk15 ezmorph-1.0.4 commons-logging-1.0.4 commons-lang-2.4 commons-collections-3.2.1 commons-beanutils 二.实例. 1.身份证错误信息Bean类(ErrorCondition.java) 复制代码 代