DWR的使用

DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架

(1)导入dwr.jar,commons-logging-1.2.jar

<!-- 配置DWR的核心Servlet -->
	<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>
		<!-- 下面两个可以不用配置 -->
		<init-param>
			<param-name>crossDomainSessionSecurity</param-name>
			<param-value>false</param-value>
		</init-param>
		<init-param>
			<param-name>allowScriptTagRemoting</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>

(3)在WEB-INF文件夹下建dwr.xml文件

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
    "http://getahead.org/dwr/dwr30.dtd">
<dwr>
	<allow>
		<create creator="new" javascript="DwrTest">
			<param name="class" value="cn.axin.dwr.DWRTest" /><!-- 自定义的类 -->
		</create>
		<create creator="new" javascript="AjaxDate">
			<param name="class" value="java.util.Date" />
		</create>
	</allow>
</dwr>

DWRTest类

public class DWRTest {
	public int getData(int index){
		Random rand = new Random();
		return rand.nextInt(index);
	}
}

通过修改dwr.xml文件，可以将自定义的java类公开给javascript远程调用
在该配置文件中，creator属性是必须的，他指定使用哪种创造器。creator
属性有三种选择值：new,scripted和spring。最常用的是new，它代表使用java
类默认的无参构造方法创建类的实例对象；scripted值表示使用脚本语言来创建
java类对象；spring表示通过Spring框架Bean来创建java类对象
还可以在create元素下加入include标记，指明要公开给javascript的方法

(4)在JSP页面进行使

<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/interface/DwrTest.js"></script>
<script type="text/javascript" src="dwr/interface/AjaxDate.js"></script>
<script type="text/javascript">
	function doTest1() {
		AjaxDate.toString(callBack1);
	}
	function callBack1(data)//data是Date类的toString方法返回值
	{
		window.alert("现在的时间是:" + data);
	}
	function doTest2() {
		DwrTest.getData(123,callBack2);//123是getData方法的参数，callBack2是回调函数
	}
	function callBack2(data)//data是getData方法的返回值
	{
		window.alert("随机数:" + data);
	}
</script>
</head>
<body>
	<input type="button" value="显示当前时间,我变" onclick="doTest1()"><br/><br/>
	<input type="button" value="我点,变了" onclick="doTest2()">
</body>

DwrTest.js和AjaxDate.js命名来源于你的dwr.xml的

javascript属性的配置名

注意啦:

我这<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/interface/DwrTest.js"></script>
<script type="text/javascript" src="dwr/interface/AjaxDate.js"></script>

如果把这两行放在前面就没有用了，而DWR官网是这样子的

就这问题可害苦了我啊..........

可能在你那不是这样子的，只有测试了才懂地

原文链接：https://www.f2er.com/ajax/164371.html

猜你在找的Ajax相关文章