Struts 2与AJAX（第三部分）（三）

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

liqiuguo

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

阅读量366

点赞数

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

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

版权

j2EE 同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

java

42 篇文章 0 订阅

订阅专栏

接下来的是JSP的代码，内容如下：

<%@ 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 - Validation</title>
        <s:head theme="ajax" />
    </head>
    <body>
        <h2>
             AJAX Validation Using DWR
        </h2>
        <s:form method="post" validate="true" theme="ajax">
            <s:textfield label="Name" name="name" />
            <s:password label="Password" name="password" />
            <s:textfield label="Age" name="age" />
            <s:submit />
        </s:form>
    </body>
</html>清单5 WebContent/AjaxValidation.jsp

以上代码也不复杂，不过需要的是注意的是除了要加入<s:head theme="ajax" />外，<s:form />也必须加入validate="true" theme="ajax"的属性。

最后是Struts 2的配置文件，内容如下所示：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE struts PUBLIC
     "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
     "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
    <package name="Struts2_AJAX_DEMO" extends="struts-default">
        <action name="AjaxValidation" class="tutorial.AjaxValidation">
            <result name="input">AjaxValidation.jsp</result>
            <result>AjaxValidation.jsp</result>
        </action>
    </package>
</struts>清单6 src/struts.xml

最后发布运应用程序，在浏览器地址栏中输入http://localhost:8080/Struts2_Ajax3/AjaxValidation!input.action出现如下图所示页面：

图4 AjaxValidation页面输出

在文本框中输入错误的值使页面出现错误提示信息，如下图所示：

图5 AjaxValidation页面错误提示

可能有朋友会问怎么知道这是通过AJAX进行校验的呢？在这里我向大家推荐一个AJAX开发必备的工具——Firebug。Firebug是Firefox的一个功能强大的插件，它可以准确地输出和定位Javascript的错误、通过直观的方式查看HTML文档的DOM及其样式、所见即所得的编辑方式，更值得一赞的是它可以方便地对Javascript进行跟踪和调试，如果你希望这进一步了解这个工具，请安装Firefox 2.0以上版本，并使用它浏览以下网址http://www.getfirebug.com。

在安装完成Firebug之后，在Firefox中打开http://localhost:8080/Struts2_Ajax3/AjaxValidation!input.action，按“F12”键找开Firebug窗口，如果你第一次使用Firebug，请点击其窗口中的链接“Enable Firebug”激活插件。之后，点击“Net”，并在出现的菜单中点击选中“XHR”。然后将光标移入文本框，再将光标移出使文本框失去焦点，你可以看到Firebug窗口会多出一项记录，如下图所示：

图6 Firebug中查看XHR请求

这就证明你在文本框失去焦出时，Struts 2会发送XHR请求到服务器以对该文本框值进行校验。有兴趣的朋友可以通过Firebug，研究XHR的请求与响应，这样可以加深对DWR工作原理的理解。

liqiuguo

关注

0
点赞
踩
0

收藏

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

接下来的是JSP的代码，内容如下： pageEncoding="utf-8"%> Struts 2 AJAX - Validation AJAX Validation Using DWR
复制链接

扫一扫

专栏目录