频道导航

DWR使用实例

2020-06-06 Ajax 前端之家

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

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

2.修改web.xml文件：

[c-sharp]view plaincopy 
   
 <?xmlversion="1.0"encoding="UTF-8"?>
 <web-appversion="2.5"
 xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 <!--dwr核心servlet-->
 <listener>
 <listener-class>org.directwebremoting.servlet.DwrListener</listener-class>
 </listener>
 <servlet>
 <!--dwr核心servelt实现类-->
 <servlet-name>dwr</servlet-name>
 <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
 <!--设置dwr可调式-->
 <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>
 <welcome-file-list>
 <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
 </web-app>

3.创建一个DwrService.java类

copy

packagecom.yjpeng.dwr;

publicclassDwrService{
publicStringsayHello(Stringmessage){
return"欢迎使用DWR"+message;
}
}

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

copy

<!DOCTYPEdwrPUBLIC

"-//GetAheadLimited//DTDDirectWebRemoting3.0//EN"
"http://getahead.org/dwr/dwr30.dtd">
<dwr>
<allow>
<createcreator="new"javascript="dwrService"scope="application">
<paramname="class"value="com.yjpeng.dwr.DwrService"></param>
</create>
</allow>
</dwr>

5.修改index.jsp文件代码

[xhtml]copy 
   

<%@pagelanguage="java"import="java.util.*"pageEncoding="ISO-8859-1"%>

<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
% <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<htmlheadbasehref="<%=basePath%>"title>MyJSP'index.jsp'startingpage</scriptsrc="dwr/interface/dwrService.js">scriptscriptsrc="dwr/engine.js"scripttype="text/javascript" functionaa(){
dwrService.sayHello("assd",bb);
}
functionbb(data){
document.getElementById("message").value=data;
bodyinputtype="text"id="message"/>
inputtype="button"value="callDwr"onclick="aa();"/>
>

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

上一篇：DWR框架下一篇：dwr与其他框架的整合

猜你在找的Ajax相关文章

网页的异步请求（Ajax）

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求兼容性问题利用iframe模拟ajax 实现表...

作者：前端之家时间：2021-01-14

手动实现AJAX

AJAX 每日更新前端基础，如果觉得不错，点个star吧 😃 https://github.com/Win...

作者：前端之家时间：2020-12-19

axios异步提交表单数据的不同形式

踩坑Axios提交form表单几种格式前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...

作者：前端之家时间：2020-12-12

php的ajax简单实例

很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...

作者：前端之家时间：2020-11-11

Json与Ajax(注册实例）

需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: "./serv...

作者：前端之家时间：2020-11-07

jSon和Ajax登录功能，ajax数据交互案例

ajax实例，检测用户与注册检测用户名是否被占用：在用户填写完用户名之后，ajax会异步向...

作者：前端之家时间：2020-11-07

关于AjaxControlToolkit的样式问题

网(LieHuo.Net)教程技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...

作者：前端之家时间：2020-11-04

一个简单的AJAX实现(HELLO AJAX)

客户端部分： <html> <head> <meta http-equiv="Content-Type" ...

作者：前端之家时间：2020-11-04

AJAX中文乱码的两类问题及解决之策

1）发送路径中的参数有中文，在服务器段接收参数值是乱码例如： var url=”a.jsp?na...

作者：前端之家时间：2020-11-04

实例：AJAX返回xml代码如何在网页中显示

建站学院（LieHuo.Net）文档今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...

作者：前端之家时间：2020-11-04

最新文章