ajax框架之DWR研究

最新推荐文章于 2021-08-05 15:54:03 发布

yuzhu2008

最新推荐文章于 2021-08-05 15:54:03 发布

阅读量701

点赞数

分类专栏： java研究文章标签： ajax框架 dwr function stylesheet encoding input

本文链接：https://blog.csdn.net/yuzhu2008/article/details/4813058

版权

java研究专栏收录该内容

26 篇文章 0 订阅

订阅专栏

这个是ajax的框架，最近算是比较火的。本人最近的项目用到这个技术，所以特意进行了研究。

第一要提到的是jar文件，需要dwr.jar这个jar包，放置到web-inf的lib目录下。这个jar包大家可以去官方网站下。http://directwebremoting.org/dwr/download.html。这个是最新的版本。

第二配置文件，有2个配置文件，一个是web.xml，另外一个是dwr.xml文件。我的这个例子的配置文件如下所示。

web.xml

<?xml version="1.0" encoding="UTF-8"?> <web-app 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"> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <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> </web-app>

dwr.xml

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr> <allow> <create creator="new" javascript="HelloDwr"> <param name="class" value="com.ebao.cxl.HelloDwr"></param> </create> </allow> </dwr>

第三前台的页面HelloDwr.html

<html> <head> <title>HelloDwr.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <mce:script type='text/javascript' src="dwr/engine.js" mce_src="dwr/engine.js"></mce:script> <mce:script type='text/javascript' src="dwr/util.js" mce_src="dwr/util.js"></mce:script> <mce:script type='text/javascript' src="dwr/interface/HelloDwr.js" mce_src="dwr/interface/HelloDwr.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body οnlοad="loadcallinfolist();laodimages();"> <form action="" name="form1"> <input type="button" value="HelloDwr.sayHello()" οnclick="sayHello();" /> <br>Replied: <input type="text" id="helloDwrReply" value=""/> <hr> <input id="nameparam" type="text" value=""/> <input type="button" value="HelloDwr.sayHelloWithParam()" οnclick="sayHelloWithParam();" /> <br>Replied: <input type="text" id="helloDwrReply2" value=""/> <table> <tr> <td>title1</td> <td>title2</td> <td>title3</td> <td>title4</td> <td>title5</td> <td>title6</td> </tr> <tbody id="callinfolist"> </tbody> </table> <div> <img src="images/img1.jpg" mce_src="images/img1.jpg" id="img1"/> <img src="images/img2.jpg" mce_src="images/img2.jpg" id="img2"/> <img src="images/img3.jpg" mce_src="images/img3.jpg" id="img3"/> <img src="images/img4.jpg" mce_src="images/img4.jpg" id="img4"/> <img src="images/img5.jpg" mce_src="images/img5.jpg" id="img5"/> <img src="images/img6.jpg" mce_src="images/img6.jpg" id="img6"/> </div> </form> </body> </html>