`

dwr_实现无刷新获取数据

    博客分类:
  • Ajax
 
阅读更多

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>

  <load-on-startup>1</load-on-startup>

</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>

  <create creator="new" javascript="FirstDWR">

   <param name="class" value="com.zte.gateway.web.am.action.FirstDWR" />

  </create>  

  <convert match="com.zte.gateway.web.am.action.StringOBJ" javascript="StringOBJ"

   converter="bean" />

 </allow>

</dwr>

 

页面:

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="<%=request.getContextPath() %>/dwr/engine.js"></script>

<script type="text/javascript" src="<%=request.getContextPath() %>/dwr/util.js"></script>

<script type="text/javascript" src="<%=request.getContextPath() %>/dwr/interface/FirstDWR.js"></script>

<script type="text/javascript">

function goshow(){

     FirstDWR.returnStrs("aaa", getResult);

}

var cellFuncs = [ function(StringOBJ) { return StringOBJ.str; }];

function getResult(result){

 dwr.util.setEscapeHtml(false);

 var options = {

  cellCreator:function(options){

   var td = document.createElement("td");

   return td;

  }

 };

 dwr.util.addRows("pattern", result, cellFuncs, options);

}

//定时执行

//setInterval("goshow()",1000);  

</script>

<title>Insert title here</title>

</head>

<body>

    <input type="button" onclick="goshow()" value="查  询"/>

      <table class="tdata w_4">

         <thead><tr><th>值</th></tr></thead>

         <tbody id="pattern"/>

        <tfoot><tr><td colspan="4" class="tright"></td></tr></tfoot>

     </table>

</body>

</html>

分享到:
评论

相关推荐

    dwr.rar_dwr_dwr ajax_dwr 实现 联动 标签

    AJAX允许页面部分刷新,无需重新加载整个页面即可获取新数据。DWR通过提供一种透明的方式来调用服务器端的Java方法,使得AJAX开发更加直观。开发者可以像调用本地函数一样调用服务器上的方法,大大降低了AJAX的使用...

    ajax_dwr实现页面无刷新加载

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

    dwr框架实现无刷新分页

    **DWR(Direct Web Remoting)框架实现无刷新分页技术详解** DWR(Direct Web Remoting)是一种JavaScript和Java之间的远程调用技术,它允许Web应用在不刷新整个页面的情况下与服务器进行交互,从而实现动态更新和...

    Struts2_Dwr.rar_Struts2_Dwr_dwr_struts2 dwr

    如果验证成功,DWR可以在不刷新整个页面的情况下更新UI,比如显示欢迎信息;如果验证失败,可以显示错误提示。 为了使DWR和Struts2协同工作,开发者需要在DWR的配置文件(如dwr.xml)中声明可被客户端调用的服务器...

    dwr.rar_ajax d_dwr_dwr ajax_dwr struts2 example_struts2 ajax dwr

    DWR (Direct Web Remoting) 是一个开源的Java库,它允许在Web应用程序中实现JavaScript与服务器端Java代码之间的直接通信。这个强大的工具使得开发者能够轻松地构建动态、富交互性的网页应用,而无需处理复杂的AJAX...

    dwr实现局部刷新

    它允许JavaScript与服务器端的Java代码进行交互,使得前端可以调用后端的方法,获取或更新数据,从而实现局部刷新的效果。这种技术极大地提升了用户体验,因为用户不再需要等待整个页面加载,只需更新所需的部分内容...

    dwr实现无刷新分页

    要使用DWR实现无刷新分页,我们需要以下几个关键步骤: 1. **配置DWR**:在服务器端,你需要在DWR的配置文件(通常为`dwr.xml`)中声明允许客户端访问的Java方法。这些方法将用于处理分页请求,例如获取特定页码的...

    AJAX DWR框架实现部分刷新效果

    2. **JavaScript 代码**:使用DWR API调用服务器端的方法,接收返回的数据,并更新DOM以实现局部刷新。 3. **Java 服务端**:定义了被DWR调用的Java方法,处理业务逻辑,并可能与数据库或其他后端系统交互。 4. **...

    dwr实现实时刷新实例

    在这个“dwr实现实时刷新实例”中,我们将深入探讨DWR如何实现无页面跳动的刷新机制,并关注线程管理和数据库更新。 首先,DWR的核心功能是提供异步通信,使得前端可以实时获取服务器端的变化,而无需刷新整个页面...

    SSH_province_sql.rar_SSH_province_sql_ajax_dwr_ssh_ssh ajax

    当用户在前端界面选择省份时,DWR会向服务器发送请求,服务器端的控制器(可能是Struts2的Action)接收到请求后,查询数据库获取对应省份的城市列表,再通过DWR将数据返回到前端,前端JavaScript代码再动态更新城市...

    Dwr_cities三级联动

    在Dwr_cities项目中,每次用户选择一个级别(省、市或县),都会通过Ajax发送请求,获取下一级别的数据,并动态填充到页面上。 7. **数据绑定和事件驱动编程**:通过JavaScript监听DOM元素的事件,如选择框的`...

    Google.rar_DEMO_dwr_gis java_google

    描述 "google的search的api以及其demo,使用ajax的 dwr+prototype技术实现" 提供了更多细节,表明项目的核心是利用Google的搜索API来构建一个功能,可能是实时搜索建议或自定义搜索引擎。同时,它使用了DWR作为...

    Spring整合DWR comet 实现无刷新 多人聊天室代码整理

    而Comet则是一种服务器推送技术,它能保持HTTP连接长时间打开,使得服务器可以主动向客户端发送数据,从而实现无刷新更新。 首先,Spring框架提供了强大的依赖注入和AOP(面向切面编程)功能,使得代码更加模块化和...

    DWR资料(无刷新联动、分页)

    例如,`dwr.rar`可能包含DWR的库文件和配置示例,`DWR实现无刷新联动.rar`可能包含具体实现无刷新联动的案例代码,而`Dwr无刷新分页.rar`可能专注于分页功能的实现。通过研究这些文件,开发者可以深入理解DWR的工作...

    dwr实例,从后台取数据显示

    在你提供的实例中,“dwr实例,从后台取数据显示”表明这是一个使用DWR从服务器获取数据并在前端展示的简单应用。 1. **DWR的工作原理**:DWR通过在服务器上设置一个代理,允许JavaScript调用Java方法,就像它们是...

    dwr3实现的无刷新文件上传

    **DWR(Direct Web Remoting)**是一种Java技术,它允许JavaScript在客户端与服务器端进行交互,实现Web应用的无刷新(Ajax)功能。DWR3是DWR框架的一个版本,提高了性能,增加了新的特性,并修复了之前版本的许多...

    Spring整合DWR comet 实现无刷新 多人聊天室

    Spring整合DWR(Direct Web Remoting)以实现Comet技术,是构建实时、无刷新的多人聊天室的一种高效方法。这种技术允许服务器向客户端推送数据,而无需客户端频繁发起请求,从而大大提升了用户体验。下面我们将深入...

    ssh_dwr_jQuery自动补全

    在本项目中,它实现了 SSH、jQuery 和 DWR 的集成,意味着当用户在搜索框中输入时,后台会通过 DWR 实现 Java 方法调用,查询相关数据,并利用 jQuery 显示建议的搜索项。 **JSP (JavaServer Pages)** JSP 是一种...

    dwr-demo.rar_DEMO_DWR DE_dwr Demo_list set map

    这个DEMO可能展示了如何实现无刷新的更新,提高用户体验。 6. **错误处理**:在客户端和服务器端,错误处理也是关键。DEMO可能会演示如何捕获和处理可能出现的异常,提供友好的错误提示。 通过这个"DWR Demo",...

Global site tag (gtag.js) - Google Analytics