ajax之dwr

1．  现在WEB-INF下建立dwr.xml

格式如下：（取其中一种）

（第一种）用spring类的方法时候：{

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

<dwr>

<allow>

        <create creator="spring" javascript="dw">

          <param name="beanName" value="spring.xml中<bean>的id"></param>

        </create>

        <convert match="spring中的po类" converter="bean"></convert>

    </allow>

</dwr>

}

（另一种）直接调用类中方法的时候：{

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

<dwr>

    <allow>

        <create creator="new" javascript="dw">

            <param name="class" value="调用方法的包名+类名"></param>

        </create>

        <convert match="实体类的包名+类名" converter="bean"></convert>

    </allow>

</dwr>

}

Web.xml文件中添加servlet将dwr框架加入容器中

格式如下：

<servlet>

        <servlet-name>dwr-invoker</servlet-name>

        <servlet-class>

            org.directwebremoting.servlet.DwrServlet

        </servlet-class>

        <init-param>

            <param-name>debug</param-name>

            <param-value>true</param-value>

        </init-param>

</servlet>

<servlet-mapping>

        <servlet-name>dwr-invoker</servlet-name>

        <url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

3.将spring.xml作为容器的监听器 添加到web.xml中（使用集合框架是应用）

<context-param>

     <param-name>contextConfigLocation</param-name>

     <param-value>/WEB-INF/classes/spring.xml</param-value>

</context-param>

<listener>

     <listener-class>

         org.springframework.web.context.ContextLoaderListener

     </listener-class>

</listener>

4.在浏览器中http:\\localhost:8080\发布路径名\dwr

的页面中 取到dwr中所需的*.js文件，粘贴到所需jsp页面中

    比如：

<scripttype='text/javascript'src='/myoa/dwr/interface/dw.js'></scrip><script type='text/javascript'src='/myoa/dwr/engine.js'></script>

<script type='text/javascript' src='/myoa/dwr/util.js'></script>



DWR 中的部分操作:

function finddwall()  //jsp页面中的javascript方法

{

     dw.findall(“parameters”,dwfindallcallback);}  //(第一位,第二位)

dw 为DWR中声明的java类

dw.findall 为java类的方法

解释:第一位为方法所需参数,第二位为接受该方法返回值的回调函数;

function dwfindallcallback(date){}; //回调函数,date为返回值





将返回值填充到表格:



function finddwall()

        {

          dw.findall(dwfindallcallback);

        }

        function dwfindallcallback(date)

        {

          DWRUtil.removeAllRows("tb");

          DWRUtil.addRows("tb",date,pdw);

        }



//查询所有数据库

        var pdw=[

        function (date){

        var a=document.createElement("input");

            a.name="box";

            a.type="checkbox";

        return a;

        },

        function (date){return date.dwName;},

        function (date){return date.dwTel;},

        function (date){return date.dwFax;},

        function (date){return date.dwPost;},

        function (date){return date.dwAddress;},

        function (date){return date.dwRet;},

        function (date){return date.dwMail;},

        function (date){return date.dwOpenrow;},

        function (date){return date.dwAccounts;},

        function (date){

        var delhref = document.createElement("a");

        var deltext = document.createTextNode("删除");

        delhref.appendChild(deltext);

        delhref.href="javascript:deldw('"+date.dwName+"')";            

        return delhref;

        },

        function (date)

        {

        var udaptehref = document.createElement("a");

        var udaptetext = document.createTextNode("修改");

        udaptehref.appendChild(udaptetext);

        udaptehref.href="javascript:updatedw('"+date.dwName+"')";  

        return udaptehref;

        }

        ];



向java方法中传递实体类对象:

    Var javascriptID = document.getElementByID(“”).value; //jsp页面中的标签的value

    Var javascriptName = document.getElementByID(“”).value; // jsp页面中的标签的value



    var bean = {          

id:javascriptID,

name:javascriptName

};



dw.findByID(bean,reFindByID);



由java方法返回实体类并且放到jsp页面中:

dw.fingbyid(dwname,udapteinfocallback); 

function udapteinfocallback(date)            //回调函数,date为返回值

    {

     $("mynametext2").value=date.dwName;    //date.bean属性名 得到属性值

     $("teltext").value=date.dwTel;         //$(“teltext”) “”内为标签id

     $("chuanzhentext").value=date.dwFax;

     $("dwmailtext").value=date.dwPost;

     $("dwdizhitext").value=date.dwAddress;

     $("wzurltext").value=date.dwRet;

     $("dzmail").value=date.dwMail;

     $("hangtext").value=date.dwOpenrow;

     $("dwzhtext").value=date.dwAccounts;

    }