Struts 2与AJAX（第一部分）（五）

最新推荐文章于 2021-08-06 14:53:51 发布

liqiuguo

最新推荐文章于 2021-08-06 14:53:51 发布

阅读量341

点赞数

分类专栏： j2EE java 文章标签： j2ee struct ajax

本文链接：https://blog.csdn.net/liqiuguo/article/details/37696197

版权

j2EE 同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

java

42 篇文章 0 订阅

订阅专栏

然后是用于获取和过滤数据的Action，代码如下：

package tutorial;

import java.util.ArrayList;

import java.util.List;

import com.opensymphony.xwork2.ActionSupport;

public class AutocompleterAction extends ActionSupport

{

private static final long serialVersionUID = -8201401726773589361L;

private List<String[]> names;

private String start;

public void setStart(String start)

{

this.start = start;

}

public List<String[]> getNames()

{

return names;

}

@Override

public String execute()

{

names = new ArrayList<String[]>();

if(start == null || "".equals(start.trim()))

{

start = "a";

}

for(String s : Datas.NAMES)

{

if(s.toLowerCase().startsWith(start.toLowerCase()))

{

names.add(new String[]

{ s, s });

}

return SUCCESS;

}

}清单7 src/tutorial/AutocmpleterAction.java

上述Action会以JSON的形式返回以start开头的Datas.NAMES的中字符串，以下是此Action的配置：

<action name="Autocompleter" class="tutorial.AutocompleterAction">
    <result type="json">
        <param name="root">names</param>
    </result>
</action>清单8 Autocompleter Action的配置代码片段

在JSON类型结果的参数中加入“root”参数可以设定输出JSON结果的根，以上述情况为例，如果没有“root”参数，输出将为“{ "names": [ ["xxx", "xxx"]...] }”，加了之后变就会成“[ ["xxx", "xxx"]...] ”。接下来，让我们看看页面的代码：

<%@ page language="java" contentType="text/html; charset=utf-8"
      pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Struts 2 AJAX - Autocompleter</title>
        <s:head theme="ajax" />
    </head>
    <body>
        <h2>
              Autocompleter
        </h2>
        <s:form action="autocompleterForm">
            <s:textfield label="abc" name="abc" />
            <tr>
                <td class="tdLabel">
                    <label class="label">
                          No AJAX Autocompleter:
                    </label>
                </td>
                <td>
                    <s:autocompleter theme="simple" name="user"
                          list="@tutorial.Datas@NAMES" />
                </td>
            </tr>
            <tr>
                <td class="tdLabel">
                    <label class="label">
                          AJAX Autocompleter:
                    </label>
                </td>
                <td>
                    <s:url id="dataUrl" value="/Autocompleter.action" />
                    <s:autocompleter theme="ajax" name="start" href="%{dataUrl}"
                          loadOnTextChange="true" loadMinimumCount="1" indicator="indicator"
                          autoComplete="false" showDownArrow="false" />
                    <img id="indicator"
                          src="${pageContext.request.contextPath}/images/indicator.gif"
                          alt="Loading

" style="display:none" />
                </td>
            </tr>
        </s:form>
    </body>
</html>清单9 WebContent/Autocompleter.jsp

上述页面包含两个<s:autocompleter />标志，前者使用“simple”模板，所以不具有AJAX功能，它的数据将以HTML方式输出到最终页面里；而后者则使用了“ajax”模板，每当输入框的值发生改变时，它都向URL“/Autocompleter.action”发送请求，Action根据请求中的start参数的值，返回相当的JSON，在请求完成后页面通过回调函数改变输入框的下拉提示，效果如下图所示：

图2 Autocompleter.jsp页面输出

liqiuguo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Struts 2与AJAX（第一部分）（五）

然后是用于获取和过滤数据的Action，代码如下：package tutorial;import java.util.ArrayList;import java.util.List;import com.opensymphony.xwork2.ActionSupport;public class AutocompleterAction exten
复制链接

扫一扫

专栏目录