Struts2与Ajax

wanglihu

浏览: 919330 次
性别:
来自: 黑龙江

最近访客更多访客>>

noriri

leimingchao

liunancun

zzy_001

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

struts2

Ajax Struts JSP Dojo Apache

Struts2和Struts相比，一个重大改进就是支持Ajax。　本文主要看一下Struts2中的Div是如何用来输出Ajax结果，其中主要使用了Dojo。

首先，我们先创建一个简单的用例，在这个用例中，将在屏幕上显示一个用户列表，点击列表中的userid时，列表的下方将显示用户的详细信息，显示用户详细信息的这个步骤我们将使用Ajax。

一、创建web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<filter>
    <filter-name>struts2</filter-name>
    <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>
</filter>
<filter-mapping>
    <filter-name>struts2</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
二、创建struts.xml
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
    <package name="ajaxdemo" extends="struts-default">
        <action name="UserListingAction" class="ajaxdemo.action.UserListingAction">
            <result>/userlisting.jsp</result>
        </action>
        <action name="UserDetailAction" class="ajaxdemo.action.UserDetailAction">
            <result>/userdetail.jsp</result>
        </action>
    </package>
</struts>
三、页面：userlisting.jsp
Displays list of users
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
    <s:head theme="ajax"/>

</head>
<script>
    function show_user_details(id) {
      document.frm_user.userid.value = id;
      dojo.event.topic.publish("show_detail");
    }
</script>
<body>
    <s:form id="frm_user" name="frm_user">
      <h1>User Listing</h1>
      <s:if test="userList.size > 0">
        <table border="1">
          <s:iterator value="userList">
            <tr>
              <td>
                <s:a href="#" onclick="javascript:show_user_details('%{id}');return false;"><s:property value="id" /></s:a>
              </td>
              <td>
                <s:property value="name" />
              </td>
            </tr>
          </s:iterator>
        </table>
      </s:if>
      <s:hidden name="userid"/>
      <s:url id="d_url" action="UserDetailAction" />
      <s:div id="user_details" href="%{d_url}" theme="ajax" listenTopics="show_detail" formId="frm_user" >
      </s:div>
    </s:form>
</body>
</html>

四、页面：userdetail.jsp，用于显示用户详细信息，由userlisting.jsp加载
<%@ taglib prefix="s" uri="/struts-tags" %>
<h1>User Details</h1>
<s:if test="userDetails != null">
    <table>
      <tr><td>Id:</td><td><s:property value="userDetails.id" /></td></tr>
      <tr><td>Name:</td><td><s:property value="userDetails.name" /></td></tr>
      <tr><td>Email:</td><td><s:property value="userDetails.email" /></td></tr>
      <tr><td>Address:</td><td><s:property value="userDetails.address" /></td></tr>
    </table>
</s:if>
五、ajaxdemo.action.UserListingAction.java，生成用户列表数据，交由userlisting.jsp显示，在实际的应用中，这部分的数据一般是从数据库中取得的。
package ajaxdemo.action;

import ajaxdemo.dto.UserListDTO;
import com.opensymphony.xwork2.ActionSupport;
import java.util.ArrayList;
import java.util.List;

/** *//** Populates the user listing data */
public class UserListingAction extends ActionSupport {

    private List<UserListDTO> userList; // this is available in view automatically!
    public String execute() throws Exception {

        // create 2 user objects and add to a list
        setUserList((List<UserListDTO>) new ArrayList());
        UserListDTO user = new UserListDTO();
        user.setId("gjose");
        user.setName("Grace Joseph");
        getUserList().add(user);

        user = new UserListDTO();
        user.setId("peter");
        user.setName("PeterSmith");
        getUserList().add(user);
        return SUCCESS;
    }

    public List<UserListDTO> getUserList() {
        return userList;
    }

    public void setUserList(List<UserListDTO> userList) {
        this.userList = userList;
    }
}
六、ajaxdemo.action.UserDetailAction.java，当userid被选中时，取得用户详细数据，通过dojo来调用。
package ajaxdemo.action;

import ajaxdemo.dto.UserDetailDTO;
import com.opensymphony.xwork2.ActionSupport;

/**//* Populates user details for a user id selected */
public class UserDetailAction extends ActionSupport {

    private String userid;
    private UserDetailDTO userDetails;

    public String execute() throws Exception {
        // populate only when userid is selected
        if(userid!=null && !userid.equals(""))
            populateDetail(userid);
        return SUCCESS;
    }

    private void populateDetail(String id) {
        userDetails = new UserDetailDTO();
        userDetails.setId(id);
        userDetails.setName("The Complete Name");
        userDetails.setEmail("admin@struts2.org");
        userDetails.setAddress("rich street, lavish road, Struts Land");
    }

    public String getUserid() {
        return userid;
    }

    public void setUserid(String userid) {
        this.userid = userid;
    }

    public UserDetailDTO getUserDetails() {
        return userDetails;
    }

    public void setUserDetails(UserDetailDTO userDetails) {
        this.userDetails = userDetails;
    }

}

七、ajaxdemo.action.UserDetailDTO.java、POJO，用于封装用户信息
package ajaxdemo.dto;

public class UserDetailDTO {

    private String id;
    private String name;
    private String email;
    private String address;

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
    }
}
OK，部署完毕后，输入http://localhost:8080/ajaxdemo/UserListingAction.action来测试一下。
当列表中的userid被点中后，javaScript通知Div标签从URL中动态加载返回内容。这个例子中，UserDetailAction取得用户信息并传递给userdetail.jsp。userdetail.jsp生成最终的展示结果，显示在Div中。

分享到：

oracle基本操作 | 用ajax实现下拉列表的联动

2008-11-05 20:54
浏览 1802
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Struts2与Ajax

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Struts2与Ajax

评论

发表评论

相关推荐

struts2,hibernate4,spring3配置时问题汇总及解决办法

struts2类型转换实现3（使用全局配置文件xwork-conversion.properties）

struts2类型转换实现2（通过继承StrutsTypeConverter抽象类）

xwork源码分享

Struts2之helloword实例

struts2监听器PreResultListener的使用方法

struts2异常处理（全局与局部异常定义）

struts2拦截器的使用方式

struts2文件上传

struts2国际化i18n（internationalization）

struts2表单验证

struts2驱动模型的使用(Action类实现ModelDriven接口)

struts2类型转换实现1（通过继承DefaultTypeConverter抽象类）

MVC设计模式简介

struts2简介

struts2实现树状结构

对于struts2开发者比较实用的网站汇总

最近访客更多访客>>