DWR使用实例

前端之家收集整理的这篇文章主要介绍了DWR使用实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.创建一个Web Project项目,向WEB-INF/lib/目录包里面导入dwr.jar

2.修改web.xml文件

[c-sharp] view plain copy
    @H_502_16@ <?xmlversion="1.0"encoding="UTF-8"?>
  1. <web-appversion="2.5"
  2. @H_502_16@ xmlns="http://java.sun.com/xml/ns/javaee"
  3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4. @H_502_16@ xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
  5. http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  6. @H_502_16@ <!--dwr核心servlet-->
  7. <listener>
  8. @H_502_16@ <listener-class>org.directwebremoting.servlet.DwrListener</listener-class>
  9. </listener>
  10. @H_502_16@ <servlet>
  11. <!--dwr核心servelt实现类-->
  12. @H_502_16@ <servlet-name>dwr</servlet-name>
  13. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  14. @H_502_16@ <!--设置dwr可调式-->
  15. <init-param>
  16. @H_502_16@ <param-name>debug</param-name>
  17. <param-value>true</param-value>
  18. @H_502_16@ </init-param>
  19. </servlet>
  20. @H_502_16@ <servlet-mapping>
  21. <servlet-name>dwr</servlet-name>
  22. @H_502_16@ <url-pattern>/dwr/*</url-pattern>
  23. </servlet-mapping>
  24. @H_502_16@ <welcome-file-list>
  25. <welcome-file>index.jsp</welcome-file>
  26. @H_502_16@ </welcome-file-list>
  27. </web-app>

3.创建一个DwrService.java类

copy

    packagecom.yjpeng.dwr;
  1. @H_502_16@ publicclassDwrService{
  2. publicStringsayHello(Stringmessage){
  3. return"欢迎使用DWR"+message;
  4. }
  5. @H_502_16@
  6. }

4.在WEB-INF目录下创建一个dwr.xml文件

copy

    <!DOCTYPEdwrPUBLIC @H_502_16@ "-//GetAheadLimited//DTDDirectWebRemoting3.0//EN"
  1. "http://getahead.org/dwr/dwr30.dtd">
  2. @H_502_16@ <dwr>
  3. <allow>
  4. @H_502_16@ <createcreator="new"javascript="dwrService"scope="application">
  5. <paramname="class"value="com.yjpeng.dwr.DwrService"></param>
  6. @H_502_16@ </create>
  7. </allow>
  8. @H_502_16@ </dwr>

5.修改index.jsp文件代码

[xhtml] copy
    <%@pagelanguage="java"import="java.util.*"pageEncoding="ISO-8859-1"%>
  1. <%
  2. @H_502_16@ Stringpath=request.getContextPath();
  3. StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  4. @H_502_16@ % <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
  5. <htmlheadbasehref="<%=basePath%>"title>MyJSP'index.jsp'startingpage</scriptsrc="dwr/interface/dwrService.js">scriptscriptsrc="dwr/engine.js"scripttype="text/javascript" functionaa(){
  6. @H_502_16@ dwrService.sayHello("assd",bb);
  7. }
  8. functionbb(data){
  9. @H_502_16@ document.getElementById("message").value=data;
  10. bodyinputtype="text"id="message"/>
  11. inputtype="button"value="callDwr"onclick="aa();"/>
  12. >

6.把web项目部署到服务器中,在浏览器中输入相应的URL。最后测试成功会在文本框里面出现 “assd” 字符串。

猜你在找的Ajax相关文章