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

使用DWR局部更新表格中数据

    博客分类：
  • AJAX
DWRServletJavaScriptAjaxXML 
阅读更多

 

/**

**QQ:252574345

**MSN:lele_love_lomboz@hotmail.com

*/

 

 

刚才顺手帮朋友写了个AJAX局部更新表格的例子，顺便贴出来(后面有整个工程，提供下载)

 

1、业务类

package com.zyl.dwr.impl;

 

public class StatusBusiness {

 /**
  * 测试方法
  * @param str
  * @return 被测试字符串
  */
 public String testDWR(String str) 
 {

  return "1";
  
 
 }
 

}

 

2、页面

<%@ 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">
<title>DWR测试</title>
  <script type="text/javascript" src='<%= request.getContextPath() %>/dwr/interface/bu.js'></script>
  <script type='text/javascript' src='<%= request.getContextPath() %>/dwr/engine.js'></script>
  <script type='text/javascript' src='<%= request.getContextPath() %>/dwr/util.js'></script>
</head>
<script>
function operate(newsID,str)
{

            if(confirm("删除新闻"+'“'+str+'”'+"吗？"))
            {
             
              bu.testDWR(newsID,operatex);
            
            }
function operatex(data)
{

          
           var e=document.getElementById("news");

    
           for(var i=0;i<e.rows.length;i++)
             {
             var row=e.rows[i]; 
             if(row.id!=null && row.id!="" && row.id==data)
             {
             e.deleteRow(i);
       i=i-1;
             }
   
           }
           alert("删除新闻成功");


}
}

</script>
<body>
本程序，在指定表格内使用AJAX局部更新表格中数据
由于并没有连接数据库操作，因此，从前台调用后台的业务方法返回的是固定值1，所以只会删除第一条数据
 

<form action="" name="post">
<table id="news" cellspacing="2" cellpadding="2" align="center" border="2" bgcolor="#c0c0c0">
<tr>
<td width="15%">名称</td><td width="55%">内容</td><td>操作</td>
</tr>
<tr id="1">
<td>国内</td><td>风调雨顺</td><td><a href="#" onclick='operate("1","国内");return false;'>删除</a></td>
</tr>
<tr id="2">
<td>国外</td><td>地震不断</td><td><a href="#" onclick='operate("2","国外");return false;'>删除</a></td>
</tr>
<tr id="3">
<td>世界</td><td>风景这边最好</td><td><a href="#" onclick='operate("3","世界");return false;'>删除</a></td>
</tr>
</table>

</form>


</body>

</html>

 

3、dwr.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<!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="bu">
       <param name="class" value="com.zyl.dwr.impl.StatusBusiness"/>  
       <include   method="testDWR"/> 
         
  </create>
     <create creator="new" javascript="re">
       <param name="class" value="forbest.tool.SelectA"/>  
       <include   method="compareNewsID1"/> 
         
  </create>
   </allow>
</dwr>

 

4.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>
    </servlet>


    <servlet-mapping>    
       <servlet-name>dwr-invoker</servlet-name>
       <url-pattern>/dwr/*</url-pattern>  
    </servlet-mapping>

   
    <session-config>
       <session-timeout>20</session-timeout>
    </session-config>

      
</web-app>

 

分享到：
| JSP日历
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用SSH2+DWR做的表格

    标题 "用SSH2+DWR做的表格" 描述了如何结合使用两个技术——Spring Security (SSH2) 和 Direct Web Remoting (DWR) 创建一个实时更新的表格展示系统。在这个场景中，SSH2主要负责应用的安全性和控制层的管理，而DWR...

    dwr.jar dwrUtil常见方法 dwr详细资料

    4. **典型应用场景**：DWR常用于实时聊天、表格数据动态加载、表单验证等需要即时反馈的场景。 5. **DWRUtil常用方法**： - `executeJavaScript`: 在客户端执行JavaScript代码。 - `escapeHTML`: 防止XSS攻击，对...

    dwr第一个绝对正常运行的例子

    - **表格动态加载**：例如，用户可以在不离开当前页面的情况下，通过DWR动态加载或更新表格数据。 - **表单验证**：DWR可以用于实时验证用户输入，提供即时反馈。 - **图表更新**：在数据可视化应用中，DWR可以...

    AJAX实践DWR篇

    4. **集成其他框架**：DWR支持与其他Java框架集成，例如Spring，使得JavaBean可以直接在JavaScript中使用，增强应用的可扩展性。 5. **易于部署和配置**：DWR的部署相对简单，只需要配置dwr.xml文件，定义允许暴露给...

    DWR让AJAX如此简单.pdf

    7. **实例应用**：DWR常用于实时聊天应用、动态表格更新、表单验证、地图应用等，通过Ajax技术提供流畅的用户体验。 综上所述，DWR通过简化Ajax的使用，为Web开发者提供了强大的工具，使他们能够构建更加互动和高效...

    DWR学习笔记（下载）

    - **Ajax**：异步JavaScript和XML，DWR利用Ajax技术实现了页面局部更新，提高用户体验。 - **CORS**：跨源资源共享，DWR通过CORS机制确保了不同源之间的安全通信。 ### 2. DWR的工作原理 DWR通过三个主要组件工作...

    DWRDemo ajax

    DWRDemo是一个演示项目，旨在帮助开发者理解如何在实际应用中使用DWR实现无刷新的交互效果。 1. **DWR基础概念** - DWR的核心思想是通过JavaScript和Java之间的远程调用来创建动态、实时的Web界面。它将服务器端的...

    公司asp.net程序员面试题

    - 在实际项目中，DWR可用于动态数据更新，如表格数据的实时刷新。 2. Ajax的核心组件： - XMLHttpRequest对象是Ajax的基础，用于与服务器通信。 - JavaScript处理响应，更新DOM以显示新数据。 - XML或JSON格式...

    An Introduction To Ajax

    它通过在后台与服务器交换数据并更新局部网页内容，提升了用户体验，使得网页更具交互性和响应性。Ajax的核心是利用JavaScript与XML进行异步通信，但实际应用中，数据格式不仅限于XML，还可以是JSON、HTML或文本。 ...

    ajax自动补全源码

    通过前端JavaScript监听输入框的变化，使用DWR调用后端的Java方法获取数据，并实时更新页面显示结果。这种方式提高了用户体验，减少了页面的刷新次数，同时也展示了DWR框架在Ajax开发中的便捷性。

    web 个人总价注意开发规范

    - **数据列表局部刷新（table()）**：用于局部更新数据列表。 - **删除记录（delete()）**：处理单条记录的删除操作。 - **保存记录（save()）**：保存单条记录，采用DWR实现页面局部刷新。 以上规范与实践不仅限于...

    abcdef语言宝典介绍

    根据提供的信息，我们可以总结并生成相关的IT知识点，但首先需要明确的是，“abcdef语言宝典介绍”的标题和描述中提到的“abc语言”并未在提供的内容中详细解释或定义。因此，我们将围绕已有的信息，尤其是关于Java...

Magicbox
Global site tag (gtag.js) - Google Analytics