`
gjs622520
  • 浏览: 41876 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Ajax之dwr

阅读更多
dwr实现动态用户输入信息,如在注册论坛时,输完用户名后转到输入密码时,用户后会显示用户名是否可用,而这个过程用户感觉不到页面的刷新,可继续往下操作,是由ajax在后到完成验证。
一:导入dwr.jar
二:配置web.xml
  <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>
  </servlet>
  <servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
    <url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>  
三、编写dwr.xml
<?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>
  <!-- Demo是映射在javascript中的类名,new表示新建一个 -->
  <create javascript="Demo" creator="new">
   <param name="class" value="gjs.dwr.Demo"/>
  </create>
</allow>
</dwr>
四、在页面中导入js
<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/Demo.js"></script>
五、java类
public class Demo {
public String checkName(String n){
  String name="gjs";
  System.out.println("loginForm.checkName"+n);
  if(name.equals(n)){
   return "this name is used,please try another one.";
  }else{
   return "this name can use.";
  }
}
}
六、页面中编写javascript函数。
  function checkName(){
      var name=dwr.util.getValue("name");  
   Demo.checkName(name,function(data) {
     dwr.util.setValue("sname", data);
      });
  }
Demo.checkName(A,B),A为传入参数,B为回调函数。
下面这样调用:
  <html:form action="/loging">
    Name:<input type="text" id="name" onblur="checkName();"><span id="sname" style="background-color:gray"></span><br>
    Psw:<input type="text" id="psw"><span id="spsw" style="background-color: blue"></span><br>
   <html:button property="button"></html:button>
  </html:form>
分享到:
评论

相关推荐

    ajax之dwr视频2.exe

    ajax之dwr视频2.exe ajax之dwr视频2.exe ajax之dwr视频2.exe

    Ajax之dwr框架应用

    这个“Ajax之dwr框架应用”示例是一个很好的起点,帮助开发者了解如何在实际项目中应用DWR。 首先,我们来探讨DWR的基本概念。DWR允许JavaScript代码调用Java方法,就像它们是本地函数一样。这意味着可以在不刷新...

    开发ajax之dwr入门例子

    DWR (Direct Web Remoting) 是一个开源Java库,它允许Web开发者在浏览器和服务器之间进行实时、异步的数据交换,极大地简化了AJAX(Asynchronous JavaScript and XML)的开发。DWR使得JavaScript可以直接调用Java...

    ajax之dwr框架的应用

    DWR(Direct Web Remoting)框架是Ajax技术中的一种实用工具,它允许Web应用程序在不进行页面刷新的情况下与服务器进行交互。DWR是Apache软件基金会的一员,作为一个免费且开源的框架,它极大地简化了Java方法与...

    dwr实现ajax功能ajax+dwr

    通过DWR,我们可以使用JavaScript直接调用服务器端的Java方法,实现Ajax(Asynchronous JavaScript and XML)的功能,即在后台与服务器交互数据并局部更新网页。 **Ajax**的核心是利用JavaScript进行异步数据请求,...

    ajax之dwr实例2

    上次因为上传大小有限制所以这个没有传上去。大家现在可以看了。一个几个例子包括级联查单等,和前面的是配套的。

    ajax之DWR框架包,中文文档,无刷新分页,表单处理及其他

    1. **DWR框架**:DWR的核心功能是实现AJAX(Asynchronous JavaScript and XML)通信。它通过在服务器端运行Java对象,然后在客户端通过JavaScript调用这些对象的方法,使得用户可以在不刷新整个页面的情况下更新部分...

    AJAX框架DWR简单应用

    在提供的“AJAX框架DWR简单应用.pdf”文件中,你可能会找到关于如何设置DWR环境、编写Java接口、配置DWR配置文件、在前端JavaScript中使用DWR,以及示例代码和实际运行效果的详细教程。这个文件是学习和理解DWR工作...

    Ajax(DWR实现例子)

    DWR(Direct Web Remoting)是一个开源JavaScript库,它使得在浏览器端可以直接调用服务器端的Java方法,实现了JavaScript与服务器端的双向通信,简化了Ajax应用的开发。 在DWR中,有三个主要的组件: 1. **DWR ...

    ajax的DWR框架入门例子

    DWR的核心功能是提供一种安全、高效的方法,允许JavaScript与服务器上的Java对象直接交互,类似于AJAX(Asynchronous JavaScript and XML)技术,但DWR提供了更高级别的抽象,使得开发人员可以更方便地处理远程调用...

    ajax ajax视频 dwr

    ajax ajax视频 dwr dwr视频 有几年项目经验的讲师视频 本人从不上传垃圾视频

    AJAX_DWR框架

    **AJAX_DWR框架详解** AJAX (Asynchronous JavaScript and XML) 和 DWR (Direct Web Remoting) 是两种在Web开发中广泛使用的技术,它们共同构成了一个强大的框架,用于构建高度交互性和动态的Web应用程序。AJAX允许...

    my_employee_study.rar_Employee Stud_ajax_dwr_dwr ajax_上传 Java

    【标题】"my_employee_study.rar_Employee Stud_ajax_dwr_dwr ajax_上传 Java" 提供了一个关于员工学习的场景,特别关注的是AJAX、DWR技术以及Java在文件上传中的应用。这个压缩包包含了作者在公司近两个月内通过...

    ajax_dwr包

    **Ajax_dwr包详解** Ajax (Asynchronous JavaScript and XML) 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这种方式可以让网页...

    java_ajax框架dwr

    **Java AJAX 框架 DWR 全面解析** DWR (Direct Web Remoting) 是一个强大的Java AJAX框架,它允许在浏览器和服务器之间进行直接的JavaScript与Java对象的交互,使得开发者能够轻松构建富客户端应用程序。DWR的出现...

    Ajax+DWR示例

    在这个"Ajax+DWR示例"中,提供了两个使用Ajax和DWR结合的实际应用例子。这些例子可能包含以下关键知识点: 1. **DWR配置**:在Web应用程序中,需要配置DWR的Context.xml和DWRServlet映射,以启用DWR服务。 2. **...

    AJAX 与 DWR框架

    相比之下,Ajax实现了部分刷新,仅获取并更新需要变动的数据,提高用户体验。Ajax通过XHR对象实现异步通信,这意味着用户可以在等待服务器响应的同时继续其他操作。另外,虽然传统的IFRAME也能实现异步通信,但Ajax...

    Ajax + struts 与 ajax 的 dwr 框架的使用

    **Ajax + Struts 与 Ajax 的 DWR 框架使用详解** 在现代Web开发中,Ajax(Asynchronous JavaScript and XML)技术极大地提升了用户体验,它允许网页在不刷新整个页面的情况下与服务器进行交互。Struts作为Java EE...

    ajax的dwr包

    标题中的"ajax的dwr包"指的是DWR框架用于实现Ajax功能的组件集合。DWR的jar包是该框架的Java类库,包含了所有必要的类和接口,使得开发者可以在服务器端集成DWR并创建可调用的远程方法。 描述中的"ajax的dwr jar包 ...

    ajax_dwr实现页面无刷新加载

    **Ajax与DWR:实现页面无刷新加载** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,提高...

Global site tag (gtag.js) - Google Analytics