Struts 2常用的Ajax标签
Struts 2对Ajax的支持
•Struts 2对Ajax提供了很好的支持
–Struts 2.1提供了基于Dojo的Ajax标签，对Ajax操作进行了进步封装，可以更快捷容易的使用Ajax
•使用Struts 2.1的Ajax标签前必须进行如下操作
1）将struts2-dojo-plugin-2.1.x.x.jar复制到WEB-INF\lib目录
2）在JSP页面中导入Ajax标签
<!-- 引入Ajax标签 -->
<%@ taglib uri="/struts-dojo-tags" prefix="sx"%>
3）在JSP页面中加入head标签，负责在页面上导入Dojo所需要的CSS库和JavaScript库
<head>
<!-- 在JSP页面中加入head标签
负责在页面上导入Dojo所需要的CSS库和JavaScript库 -->
<sx:head />
</head>
Struts 2.1的Ajax标签
|
方法名
|
说 明
|
|
<sx:div>
|
创建一个div区域，可以通过Ajax向其中加载内容，以实现局部刷新
|
|
<sx:submit>
|
通过Ajax来更新某个元素的内容或提交表单
|
|
<sx:a>
|
通过Ajax来更新某个元素的内容或提交表单
|
|
<sx:tabbedPanel>
|
创建一个标签面板，由<s:div>来提供内容。
|
|
<sx:autocompleter>
|
根据用户输入提供输入建议，或者帮助用户自动完成输入
|
|
<sx:tree>
|
创建一个支持Ajax的树形组件（Widget）
|
div标签例子
•使用Ajax技术实现如下需求：
–页面有三个div：div1、div2、div3
–div1的内容每隔5秒时间自动更新一次，每隔30分钟提示用户休息一下（刷新多次）
–开始访问时，在div2中显示欢迎信息（刷新一次）
–整个访问过程中div3中内容保持不变（无刷新）
使用<sx:div>标签来实现
实现代码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!-- 引入struts2的标签库 -->
<%@ taglib uri="/struts-tags" prefix="s"%>
<!-- 引入Ajax标签 -->
<%@ taglib uri="/struts-dojo-tags" prefix="sx"%>
<%
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%>"> <title>My JSP 'ajaxTime.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<!-- 在JSP页面中加入head标签
负责在页面上导入Dojo所需要的CSS库和JavaScript库 -->
<sx:head />
</head> <body>
<s:url id="time" value="time.action" />
<s:url id="welcome" value="welcome.action" /> <!-- 每隔1秒异步访问一次 -->
<sx:div href="%{time}" updateFreq="1000" />
<!-- 只异步访问一次 -->
<sx:div href="%{welcome}" />
<!-- 无异步访问-->
<sx:div>
初始化的内容！
</sx:div>
</body>
</html>
ajaxTime.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
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%>"> <title>My JSP 'time.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
--> </head> <body>
<%
//获得当前时间
long currentTime = System.currentTimeMillis(); //取出session中存入的现在时间
Long stratTime = (Long) session.getAttribute("currentTime");
if (stratTime == null) {
//第一次访问
session.setAttribute("currentTime", currentTime);
} else {
//以秒计算计算已用时间
long used = (currentTime - stratTime) / 1000;
session.setAttribute("used", used);
//当用户浏览网页时间超过60秒则提示用户休息一下。
boolean flag = false;
if (used > 60) {
flag = true;
}
session.setAttribute("flag", flag);
}
%>
<s:if test="#session.flag==true">
你该稍微休息一下了。
</s:if>
<s:else>
你已经访问的时间：<s:property value="#session.used" default="0" />秒
</s:else>
</body>
</html>
time.jsp
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "struts-2.1.dtd" >
<struts>
<package name="struts2" extends="struts-default" namespace="/" >
<action name="time">
<!-- name属性不写默认success -->
<result>/time.jsp</result>
</action>
<action name="welcome">
<result>/welcome.jsp</result>
</action>
</package>
</struts>
struts.xml
<%@ 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%>"> <title>My JSP 'welcome.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
--> </head> <body>
欢迎你登录本系统！
</body>
</html>
welcome.jsp
submit和a标签例子
•使用Ajax技术实现如下需求：
–页面有两个div，还有一个超链接
–单击超链接后在div1中出现登录表单
–如果登录成功，在div2中显示登录成功；登录失败在div2中显示登录失败
使用<sx:div>标签来定义div，使用<sx:a>和<sx:submit>定义超链接和提交按钮实现
实现代码：
package com.entity;
/**
* 用户类
* @author asus
*
*/
public class Users { /** 属性 */
private String name;
private String password; /** 构造方法 */
public Users() {
super();
}
public Users(String name, String password) {
super();
this.name = name;
this.password = password;
} /** javaBean */
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
} }
Users实体类
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!-- 引入Struts2标签库 -->
<%@ taglib uri="/struts-tags" prefix="s" %>
<!-- 引入Ajax标签库 -->
<%@ taglib uri="/struts-dojo-tags" prefix="sx" %>
<%
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%>"> <title>My JSP 'home.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<!-- 在JSP页面中加入head标签
负责在页面上导入Dojo所需要的CSS库和JavaScript库 -->
<sx:head/>
</head> <body>
<!-- url标签 用于生成一个URL地址 -->
<s:url id="login" value="tologin.action" />
<!-- 单击超链接异步访问指定Action -->
<sx:a href="%{login}" targets="div1" >登录</sx:a> <sx:div id="div1" cssStyle="border:1px solid red;" >
第一个sx:div显示登录
</sx:div><br>
<sx:div id="div2" cssStyle="border:1px solid green" >
第二个DIV，显示登录结果。
</sx:div>
</body>
</html>
home.jsp 主页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!-- 引入struts2的标签库 -->
<%@ taglib uri="/struts-tags" prefix="s"%>
<!-- 引入Ajax标签 -->
<%@ taglib uri="/struts-dojo-tags" prefix="sx"%>
<%
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%>"> <title>My JSP 'ajaxTime.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<!-- 在JSP页面中加入head标签
负责在页面上导入Dojo所需要的CSS库和JavaScript库 -->
<sx:head />
</head>
<body>
<h2>用户登录</h2>
<!-- Struts2 表单标签 -->
<s:form id="s_form" action="login.action" method="post" theme="simple">
<br>
用户名： <s:textfield label="用户名" name="user.name" />
<br>
密码： <s:textfield label="密码" name="user.password" />
<br>
<!-- 表单内异步提交表单 -->
<sx:submit type="button" value="表单内异步提交按钮" targets="div2" />
</s:form>
<!-- 表单外异步提交 -->
<sx:submit type="button" value="表单外异步提交按钮" formId="s_form" targets="div2"/>
<sx:a formId="s_form" targets="div2" >我也可以提交表单</sx:a>
</body>
</html>
login.jsp 嵌入登陆页面
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "struts-2.1.dtd" >
<struts>
<package name="struts2" extends="struts-default" namespace="/" > <!-- 单击“用户登录”超链接显示登录菜单 -->
<action name="tologin" >
<result >/login.jsp</result>
</action> <!-- 单击表单提交按钮显示登录结果 -->
<action name="login" class="com.struts.LoginAction" method="login" >
<result>/success.jsp</result>
<result name="error">/error.jsp</result>
</action>
</package>
</struts>
struts.xml 配置
package com.struts; import com.entity.Users;
import com.opensymphony.xwork2.ActionSupport;
/**
* 控制器类
* 作用：处理登录的请求
* @author asus
*
*/
public class LoginAction extends ActionSupport { /** 属性 */
private Users user; /** 重写execute方法 ：此方法作用，为指定处理请求的方法时，默认走此方法*/
public String execute(){ return "";
} /** 登录验证的方法 */
public String login(){ if(user!=null){
if(user.getName().equals("admin") && user.getPassword().equals("admin")){
return SUCCESS;
}
} return ERROR;
} /** JavaBean */
public Users getUser() {
return user;
} public void setUser(Users user) {
this.user = user;
} }
LoginAction 控制器
<%@ 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%>"> <title>My JSP 'success.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
--> </head> <body>
登录成功！
</body>
</html>
success.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%>"> <title>My JSP 'file.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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
--> </head> <body>
登陆失败！
</body>
</html>
error.jsp 登录失败页面
Struts 2常用的Ajax标签的更多相关文章
- struts2视频学习笔记 29-30（Struts 2常用标签，防止表单重复提交）
课时28 Struts 2常用标签解说 property标签 property标签用于输出指定值: <s:set name="name" value="'kk'&q ...
- Struts 2 常用技术
目录 Struts 2 常用技术 1. 常用类和接口 1.1 getter 和 setter 方法 1.2 Action 接口 1.3 ActionSupport 类 1.4 通过 Act ...
- JSF中使用f:ajax标签无刷新页面改变数据
ajax本是用在前端的一种异步请求数据的操作,广泛用于js中,一般的js框架如jq都有被封装好的方法,用于发起异步请求操作.异步操作可以增强用户体验和操作,越来越多的程序都在使用ajax.JSF的fa ...
- struts2与常用表格ajax操作的json传值问题
struts与常用的dataTables和jqueryGrid等表格进行ajax传值时,经常会传值不适配的问题,这是因为struts在进行ajax操作时已经对你要操作的json数据进行了处理,所以不需 ...
- HTML之：fieldset——一个不常用的HTML标签
2016年4月14日17:10:02记录 一个不常用的HTML标签fieldset,不过我觉得比较有意思,其语法如下: <fieldset><legend>fieldset名称 ...
- JSP 标准标签库（JSTL）之最常用的JSTL标签总结
JSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用的通用核心功能. Apache Tomcat安装JSTL 库步骤如下: 从Apache的标准标签库中下载的二进包(jakarta-t ...
- 常用HTML meta 标签属性(网站兼容与优化需要)，meta标签
常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索 ...
- Struts 有哪些经常使用标签库
Struts 有哪些经常使用标签库 1.html标签库 2.bean标签库 3.logic标签库
- Django常用的模板标签
django 目前了解的各个文件的作用: manage.py: 运行服务 urls: 路由 views: 处理数据 传递给 html模板 html文件: 通过 {{变量名}}接收变量 通过 模板标 ...
随机推荐
- C++ 记事本: 从历史说起
C 的简史 在谈论 C++ 的历史那么必须先得了解 C 的历史,那么我们先来看一段来自于 <<C专家编程>> 对 C 语言史前阶段的简单阐述: Ken Thompson(左), ...
- 利用 Python 只连接一次 MySQL
Github 地址 项目背景 最近做个项目,需要进行试驾分析,所谓"试驾",是指顾客在 4S 店指定人员的陪同下,沿着指定的路线驾驶车辆,从而了解这款汽车的行驶性能和操控性能.通常 ...
- linux上挂载windows共享文件夹
linux上挂载windows共享文件夹 1.共享windows目录 挂载之前得创建一个有password的用户(当前用户也能够),并将你要挂载的目录进行共享,并赋予读写权限 如图. watermar ...
- CSS层叠样式表的层叠是什么意思（转自知乎）
转自知乎上的回答:http://www.zhihu.com/question/20077745 解答一: 层叠指的是样式的优先级,当产生冲突时以优先级高的为准.1. 开发者样式>读者样式> ...
- Strategy策略设计模式
1.策略模式和状态模式的区别和联系(本部分转载自:http://letscoding.cn/java%E4%B8%AD%EF%BC%8C%E7%8A%B6%E6%80%81%E6%A8%A1%E5%B ...
- 关于创建可执行的jar文件(assembly)
java利用maven生成一个jar包,如何自动生成清单属性文件(MANIFEST.MF),如何解决jar依赖问题? 办法很简单: 只需在pom.xml文件中配置如下plugin即可: <plu ...
- C++的黑科技
周二面了腾讯,之前只投了TST内推,貌似就是TST面试了 其中有一个问题,"如何产生一个不能被继承的类",这道题我反反复复只想到,将父类的构造函数私有,让子类不能调用,最后归结出一 ...
- spring中@param和mybatis中@param使用差别
spring中@param /** * 查询指定用户和企业关联有没有配置角色 * @param businessId memberId * @return */ int selectRoleCount ...
- POJ1226:Substrings(后缀数组)
Description You are given a number of case-sensitive strings of alphabetic characters, find the larg ...
- JDBC性能分析与优化
JDBC性能分析与优化V1.0http://www.docin.com/p-758600080.html