Struts 2 DWR Ajax整合

在Struts 2.0.x中使用DWR实现AJAX表单校验。在大家掌握了DWR的原理后，下面我想详细介绍一下实现的步骤。

首先，到以下站点https://dwr.dev.java.net/files/documents/2427/47455/dwr.jar下载DWR的1.1.4版本的JAR包。需要注意的是，DWR虽然已经发布2.0版本，但它与1.1.4有很大的区别，所以请大家不要使用2.0版本，否则会出现异常的；

接着，新建WEB工程，将以下JAR包加入到工程的“Build Path”中；

commons-logging-1.0.4.jar

dwr-1.1-beta-3.jar

freemarker-2.3.8.jar

ognl-2.6.11.jar

struts2-core-2.0.10.jar

xwork-2.0.4.jar

接下来，配置web.xml文件，内容如下：

<? xml version="1.0" encoding="UTF-8" ?>
< web-app id ="WebApp_9" version ="2.4"
    xmlns ="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation ="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" >

    < display-name > Struts 2 AJAX Part 3 </ display-name >

    < filter >
        < filter-name > struts-cleanup </ filter-name >
        < filter-class >
            org.apache.struts2.dispatcher.ActionContextCleanUp
        </ filter-class >
    </ filter >

    < filter-mapping >
        < filter-name > struts-cleanup </ filter-name >
        < url-pattern > /* </ url-pattern >
    </ filter-mapping >

    < 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 >
    <!-- 开始DWR配置 -->
    < servlet >
        < servlet-name > dwr </ servlet-name >
        < servlet-class > uk.ltd.getahead.dwr.DWRServlet </ servlet-class >
        < init-param >
            < param-name > debug </ param-name >
            < param-value > true </ param-value >
        </ init-param >
    </ servlet >

    < servlet-mapping >
        < servlet-name > dwr </ servlet-name >
        < url-pattern > /dwr/* </ url-pattern >
    </ servlet-mapping >
    <!-- 结束DWR配置 -->
    < welcome-file-list >
        < welcome-file > index.html </ welcome-file >
    </ welcome-file-list >

</ web-app >

然后是DWR的配置文件：

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

<!-- START SNIPPET: dwr -->
<! DOCTYPE dwr PUBLIC 
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" 
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd" >

< dwr >
    < allow >
        < create creator ="new" javascript ="validator" >
            < param name ="class" value ="org.apache.struts2.validators.DWRValidator" />
        </ create >
        < convert converter ="bean" match ="com.opensymphony.xwork2.ValidationAwareSupport" />
    </ allow >

    < signatures >
        <![CDATA[
        import java.util.Map;
        import org.apache.struts2.validators.DWRValidator;

        DWRValidator.doPost(String, String, Map<String, String>);
        ]]>
    </ signatures >
</ dwr >

 

AJAX.js:

var xmlHttp; function GetMSXmlHttp() { var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0", "Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"]; /**var clsids=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', "Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0","Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"];**/ for(var i=0; (i<clsids.length) && xmlHttp == null; i++) { xmlHttp = CreateXmlHttp(clsids[i]); } return xmlHttp; } function CreateXmlHttp(clsid) { try { xmlHttp = new ActiveXObject(clsid); lastclsid = clsid; return xmlHttp; } catch(e) {} } function GetXmlHttpObject() { var objXmlHttp = null; if(window.ActiveXObject){ objXmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.ActiveXObject){ objXmlHttp = new ActiveXObject("Msxml2.XMLHTTP.4.0"); }else if(window.ActiveXObject){ objXmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }else if(window.XMLHttpRequest){ objXmlHttp = new XMLHttpRequest(); }else { objXmlHttp = GetMSXmlHttp(); } /**if (window.XMLHttpRequest) { objXmlHttp = new XMLHttpRequest(); } else { objXmlHttp = GetMSXmlHttp(); }**/ return objXmlHttp; } function loadXMLDoc(url,methods) { req=GetXmlHttpObject(); if(req) { req.onreadystatechange = methods; req.open('POST', url, false); req.send(''); } }