首页 > 其他 > 详细

dwr实现ajax学习

时间:2014-06-28 22:29:37      阅读:376      评论:0      收藏:0      [点我收藏+]

前一段时间看了一点dwr实现ajax的介绍信息,一直想找个机会看看到底怎么用。今天起了个早,试了一下感觉还挺好用的。 下面是我的一点学习总结:

一、配置DWR(http://getahead.org/dwr/getstarted)
1、将dwr.jar包放在web-info/lib目录下
2、编辑web.xml文件,添加servlet

bubuko.com,布布扣<servlet>
bubuko.com,布布扣  <servlet-name>dwr-invoker</servlet-name>
bubuko.com,布布扣  <display-name>DWR Servlet</display-name>
bubuko.com,布布扣  <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
bubuko.com,布布扣  <init-param>
bubuko.com,布布扣     <param-name>debug</param-name>
bubuko.com,布布扣     <param-value>true</param-value>
bubuko.com,布布扣  </init-param>
bubuko.com,布布扣</servlet>
bubuko.com,布布扣<servlet-mapping>
bubuko.com,布布扣  <servlet-name>dwr-invoker</servlet-name>
bubuko.com,布布扣  <url-pattern>/dwr/*</url-pattern>
bubuko.com,布布扣</servlet-mapping>

3、创建dwr.xml配置文件注册JAVA类和脚本的对应信息。
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">

<dwr>
  <allow>
    <!---<create creator="new" javascript="JDate">
      <param name="class" value="java.util.Date"/>
    </create>
    <create creator="new" javascript="Demo">
      <param name="class" value="your.java.Bean"/>
    </create>-->
  </allow>
</dwr>
4、通过http://localhost:8080/[your webapp]/dwr可以获取到当前dwr中可以使用的JAVA类。

检测用户名是否已经使用例子:
1、按照前面两部配置一下DWR。
2、编写类:test.CheckUser
package test;

public class CheckUser {
public String check(String name){
 //访问数据库验证信息
 if(name.startsWith("aa")){
  return "用户已经存在";
 }
 else{
  return "可以使用该用户";
 }
}
}
3、创建配置文件并在配置文件中配置CheckUser类。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="CheckUser">
      <param name="class" value="test.CheckUser"/>
    </create>
  </allow>
</dwr>
4、重启tomcat服务器,通过http://localhost:8080/[your webapp]/dwr可以看到CheckUser类,点击连接可以查看该类的方法和并测试。
5、编写index.jsp页面,实现效果。
在页面文件中实现效果
1)在javascript中通过使用dwr.util.getValue() 来获取页面中某个页面元素的值。
2)直接调用后台java类的方法,传递方法参数和“异不调用返回后的处理脚本函数"
3)”在处理脚本函数“中我们可以通过dwr.util.setValue(”控件ID",值)来个控件更新数据。
4)为了让javascript脚本中可以调用java类的方法我们需要在dwr.xml文件中申明java类。
注意:在页面中需要包含引入:
<script type=‘text/javascript‘ src=‘/test/dwr/interface/CheckUser.js‘></script><!--- dwr.xml中定义的脚本名字-->
<script type=‘text/javascript‘ src=‘/test/dwr/engine.js‘></script><!--- DWR-->
<script type=‘text/javascript‘ src=‘/test/dwr/util.js‘></script><!---可以通过dwr.util.getValue方法获取元素值--->
否则会出现脚本错误

bubuko.com,布布扣<html> 
bubuko.com,布布扣<head> 
bubuko.com,布布扣<script type=‘text/javascript‘ src=‘/test/dwr/interface/CheckUser.js‘></script>
bubuko.com,布布扣<script type=‘text/javascript‘ src=‘/test/dwr/engine.js‘></script>
bubuko.com,布布扣<script type=‘text/javascript‘ src=‘/test/dwr/util.js‘></script>
bubuko.com,布布扣
bubuko.com,布布扣bubuko.com,布布扣<script LANGUAGE=javascript>... 
bubuko.com,布布扣<!-- 
bubuko.com,布布扣bubuko.com,布布扣function check() ...{
bubuko.com,布布扣  var name = dwr.util.getValue("username");
bubuko.com,布布扣bubuko.com,布布扣  CheckUser.check(name, function(data) ...{
bubuko.com,布布扣    dwr.util.setValue("result", data);
bubuko.com,布布扣  });
bubuko.com,布布扣}
bubuko.com,布布扣//--> 
bubuko.com,布布扣</script> 
bubuko.com,布布扣</head> 
bubuko.com,布布扣<body> 
bubuko.com,布布扣<input type="text" id="username"/>
bubuko.com,布布扣<input value="check" type="button" onclick="check()"/>
bubuko.com,布布扣<br/>
bubuko.com,布布扣 <span id="result"></span>
bubuko.com,布布扣</body> 
bubuko.com,布布扣</html> 
bubuko.com,布布扣

dwr实现ajax学习,布布扣,bubuko.com

dwr实现ajax学习

原文:http://www.cnblogs.com/nalanfengyin/p/3794333.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!