一dwr例子

最新推荐文章于 2021-10-19 16:52:18 发布

zengjinliang

最新推荐文章于 2021-10-19 16:52:18 发布

阅读量108

点赞数

分类专栏： JS & AJAX技术文章标签： DWR Java JSP XML Web

JS & AJAX技术专栏收录该内容

20 篇文章

订阅专栏

本文提供了一个使用DWR（Direct Web Remoting）实现前后端交互的示例，包括Java代码、HTML页面和DWR配置，展示了如何在网页中通过JavaScript触发后端方法并接收响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


HelloTest.java:
package com.zengjinliang.test;

public class HelloTest {

	public String sayHello(String str){
		System.out.println("name===" + str);
		return "后台返回 Hello: " + str;
	}
}

index.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>DWR Demo1</title>
		<script src='dwr/interface/helloTest.js'></script>
		<script src='dwr/engine.js'></script>
		<script type='text/javascript' src='dwr/util.js'></script>
	</head>
	<script language="javascript">
	   function showName(){
		   var name = document.getElementById("name");
		   var name = $("name").value;
		   if(name==""){
		       alert("请输入名字！");
		       return;
		   }
		   helloTest.sayHello(name,callBack);
	   }

	   function callBack(data){
		   alert(data);
		   ///DWRUtil.setValue("show_name",data,{escapeHtml:false}); //转义
		   dwr.util.setValue("show_name",data,{escapeHtml:false});
	   }
	</script>
	<body>
		<form action="index.jsp">
			<input type="text" id="name">
			<input type="button" value="提交"
				onclick="showName();">
			<div id="show_name"></div>
			<br>
		</form>
	</body>
</html>

dwr.xml:
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr//dwr20.dtd">
<dwr>
	<allow>
		<create creator="new" javascript="helloTest" scope="application">
			<param name="class" value="com.zengjinliang.test.HelloTest" />
		</create>
	</allow>
</dwr>

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">
	<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
		<init-param>
			<param-name>debug</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>classes</param-name>
			<param-value>java.lang.Object</param-value>
		</init-param>
		<init-param>
			<param-name>logLevel</param-name>
			<param-value>INFO</param-value>
		</init-param>
	</servlet>
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>