AJAX基础教程：初学者快速入门与DWR配置详解

需积分: 3 123 浏览量更新于2024-09-30 收藏 3KB TXT 举报

"本教程是针对初学者的一门AJAX基础使用指南，它将深入浅出地介绍AJAX（Asynchronous JavaScript and XML）这一技术，帮助学习者理解其在Web开发中的核心作用以及如何实现异步数据通信。AJAX允许网页在不刷新整个页面的情况下，通过后台与服务器进行数据交换，从而提高用户体验。首先，我们来了解一下所需的工具。教程涉及到了DWR (Direct Web Remoting) 作为AJAX的一个实现框架，它的核心 jar 文件包括dwr.jar、commons-logging.jar (版本为1.0.4)，这些是构建AJAX应用的基础。在部署时，需要在 web.xml 配置文件中添加DWR相关的 servlet 和 mapping，如 `<servlet>`、`<servlet-mapping>` 等标签，以便正确识别和配置DWR Servlet。具体配置如下： 1. `<servlet>`标签定义了一个名为"DwrServlet"的servlet，其类路径为`org.directwebremoting.servlet.DwrServlet`。同时，`<init-param>`标签用于设置调试模式，值为`true`，表示开启DWR的调试功能，可以通过访问`http://localhost:8080/Ŀ/dwrAjax`来检查是否成功。 2. `<servlet-mapping>`标签将URL模式`/dwr/*`映射到上一个servlet，这样当浏览器发起任何以`/dwr`开头的请求时，DWR都会处理。 3. 在DWR配置文件`dwr.xml`中，`<dwr>`标签用于启用DWR功能，并定义了创建对象的规则。`<allow>`标签允许客户端通过指定的`javascript`（JavaScript对象名称）创建新的对象实例，`<create creator='new' javascript='objectName' param name='class' value='packagename.ClassName'/>`这一部分展示了如何创建一个特定类的实例。通过这个基础配置，你可以开始编写使用AJAX的JavaScript代码，比如在用户交互事件触发时，使用`XMLHttpRequest`对象向服务器发送异步请求，获取响应数据并更新页面的部分内容，从而实现实时数据更新。这在构建动态、交互式的Web应用时非常有用，比如新闻加载、搜索结果实时反馈等场景。总结来说，本教程的重点在于教授初学者如何使用AJAX与DWR技术来提升Web应用的交互性，包括服务器端的配置、客户端的脚本编写以及异步数据处理。通过实践这些基础知识，你将更好地理解和掌握AJAX在现代Web开发中的关键角色。"

AJAX(Asynchronous JavaScript and XML)使用步骤
DWR(Direct Web Remoting:WEB远程调用框架)
一.导入AJAX jar包:dwr.jar和commons-logging.jar、commons-logging.jar-1.0.4
二.配置web.xml文件使项目关联dwr.xml文件:<servlet>与</servlet>和其它的<servlet>与</servlet>放在一起,<servlet-mapping>与</servlet-mapping>和其它的<servlet-mapping>与</servlet-mapping>放在一起,在<web-app...></web-app>节点中配置以下信息
<servlet>
<servlet-name>和<servlet-mapping>下的<servlet-name>中的名称相同的名称即可</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>//该参数设置是否使DWR能够debug和进入测试页面,下面的值为true时能够在浏览器地址栏输入http://localhost:8080/项目名/dwr进行Ajax测试是否成功
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>和<servlet>下的<servlet-name>中的名称相同的名称即可</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
三.配置dwr.xml文件关联DWR文件和监听相关类:(在web.xml的同目录下创建dwr.xml)
<?xml version="1.0" encoding="UTF-8"?>
<dwr>
<allow> 
<create creator='new' javascript='objectName'> 
<param name='class' value='packageName+className'/>
</create>
<convert converter='bean' match='entity.JavaBean'></convert>
</allow>
</dwr>
四.测试web.xml和dwr.xml是否配置成功:在浏览器地址栏输入http://localhost:8080/项目名/dwr>单击dwr.xml中配置的javascript对象名在页面上显示的超连接>找到dwr.xml中关联的相应类的方法,输入参数后点击Execute查看,如果输入参数后单击Execute,其后打印出相应内容,说明dwr.xml和web.xml文件配置正确
五.在页面上的<head></head>中的<title></title>中写javaScript:
1.导入要用到的dwr中的Javascript:
<script type="text/Javascript" src="dwr/interface/dwr.xml中<allow>节点下的<create>节点的Javascript属性值.js"></script>

下载后可阅读完整内容，剩余1页未读，立即下载

指尖的吻

粉丝: 2
资源: 54

AJAX基础教程：初学者快速入门与DWR配置详解

Ajax 基础教程（适合初学者）

AJAX新手入门教程适合初学者借鉴.pdf

ajax新手入门教程-适合初学者借鉴.pdf

初学者实用的ajax教程+手册

Ajax教程-帮助初学者更好的理解Ajax

Ajax开源代码（适合于ajax初学者）

Ajax基础教程

Ajax入门教程：适合初学者

初学者的Ajax教程——从基础到实践

HTML、Servlet、JSP、JS与AJAX/DWR基础教程：适合初学者入门

最新资源