Dwr 联动效果实现全程:

2024-02-15 23:18
文章标签 实现 全程 效果 联动 dwr

本文主要是介绍Dwr 联动效果实现全程:,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

昨天做到下来菜单联动了,需要用到dwr,原来没有用过,所以昨天晚上学了一个多小时,整了半天,能懂的都懂了,不会的还真是不会呀。早上到公司后黄基强一句话给我解决了所有问题。下面总结一下dwr联动效果的全程:Web.xml文件:

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

在WEB-INF下新建一个dwr.xml文件,内容为:


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 0.4//EN" "http://www.getahead.ltd.uk/dwr/dwr.dtd">
<dwr>
<allow>   
<create creator="new" javascript="testDwr">  <!—javascript用到的,另外对于creator的具体用法可以百度-->
<param name="class"    
value="com.testDwr.TestDwr" />  <!—javascript用到的类的全部路径-->
<include method="getMap"></include>
</create> 
</allow> 
</dwr>

注意这个xml文件头可能会报一个过期的错误,但是不影响运行。

哦,还有一个重要步骤:别忘了把dwr的jar包放到WEB-INF/lib下。

com.testDwr.TestDwr类:
package com.testDwr;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class TestDwr {   
public Map getMap(String key){   
HashMap map = new HashMap();   
if(key.equals("1")){   
map.put("beijing", "北京");//value是显示出来的,map的key是option的value   
map.put("ganzhou", "赣州");   
}else{   
map.put("New York", "纽约");   
map.put("london", "伦敦");   
}   
return map;   
}

Jsp页面:

<!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>Insert title here</title>
<!—下面引入的三个js文件是dwr自动生成的,其中/testjQuery 这个是我的项目名,testDwr 是dwr.xml文件配置的,这三个路径可以通过访问http://localhost:8080/testJquery/dwr(也就是项目访问路径加上”/dwr”后进入网址,复制粘贴过来。开始我这里不清楚,js文件总是找不到,因为路径不对。-->
<script type='text/javascript' src='/testjQuery/dwr/interface/testDwr.js'></script>
<script type='text/javascript' src='/testjQuery/dwr/engine.js'></script>
<script type='text/javascript' src='/testjQuery/dwr1/util.js'></script>
<script language="javascript">     
function changeSelect(value){   
try{   
testDwr.getMap(value,fillSelect);   
}catch(e){   
alert(e.description);   
}   
}   
function fillSelect(data){   
try{  
var q_status=$('q_status'); 
alert(q_status.value); 
DWRUtil.removeAllOptions(q_status);      
DWRUtil.addOptions(q_status,{'':'请选择'});     
DWRUtil.addOptions(q_status,data);     
}catch(e){   
alert(e.description);   
}   
}    
</script> 
</head>
<body>
<select name="cc" οnchange="changeSelect(this.value)">  
<option value="1">1</>  
<option value="0">0</>  
</select> <br/>
<select id="q_status">  
<option value="" ></option>  
</select>  
<br/>            
</body>
</html>


 

至此,一个简单的dwr联动效果就写完了。这是一个小例子,原理也就这么简单

 

这篇关于Dwr 联动效果实现全程:的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/712832

相关文章

java中BigDecimal里面的subtract函数介绍及实现方法

《java中BigDecimal里面的subtract函数介绍及实现方法》在Java中实现减法操作需要根据数据类型选择不同方法,主要分为数值型减法和字符串减法两种场景,本文给大家介绍java中BigD... 目录Java中BigDecimal里面的subtract函数的意思?一、数值型减法(高精度计算)1.

C#代码实现解析WTGPS和BD数据

《C#代码实现解析WTGPS和BD数据》在现代的导航与定位应用中,准确解析GPS和北斗(BD)等卫星定位数据至关重要,本文将使用C#语言实现解析WTGPS和BD数据,需要的可以了解下... 目录一、代码结构概览1. 核心解析方法2. 位置信息解析3. 经纬度转换方法4. 日期和时间戳解析5. 辅助方法二、L

使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)

《使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)》字体设计和矢量图形处理是编程中一个有趣且实用的领域,通过Python的matplotlib库,我们可以轻松将字体轮廓... 目录背景知识字体轮廓的表示实现步骤1. 安装依赖库2. 准备数据3. 解析路径指令4. 绘制图形关键

C/C++中OpenCV 矩阵运算的实现

《C/C++中OpenCV矩阵运算的实现》本文主要介绍了C/C++中OpenCV矩阵运算的实现,包括基本算术运算(标量与矩阵)、矩阵乘法、转置、逆矩阵、行列式、迹、范数等操作,感兴趣的可以了解一下... 目录矩阵的创建与初始化创建矩阵访问矩阵元素基本的算术运算 ➕➖✖️➗矩阵与标量运算矩阵与矩阵运算 (逐元

C/C++的OpenCV 进行图像梯度提取的几种实现

《C/C++的OpenCV进行图像梯度提取的几种实现》本文主要介绍了C/C++的OpenCV进行图像梯度提取的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录预www.chinasem.cn备知识1. 图像加载与预处理2. Sobel 算子计算 X 和 Y

C/C++和OpenCV实现调用摄像头

《C/C++和OpenCV实现调用摄像头》本文主要介绍了C/C++和OpenCV实现调用摄像头,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录准备工作1. 打开摄像头2. 读取视频帧3. 显示视频帧4. 释放资源5. 获取和设置摄像头属性

c/c++的opencv图像金字塔缩放实现

《c/c++的opencv图像金字塔缩放实现》本文主要介绍了c/c++的opencv图像金字塔缩放实现,通过对原始图像进行连续的下采样或上采样操作,生成一系列不同分辨率的图像,具有一定的参考价值,感兴... 目录图像金字塔简介图像下采样 (cv::pyrDown)图像上采样 (cv::pyrUp)C++ O

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

Python使用FFmpeg实现高效音频格式转换工具

《Python使用FFmpeg实现高效音频格式转换工具》在数字音频处理领域,音频格式转换是一项基础但至关重要的功能,本文主要为大家介绍了Python如何使用FFmpeg实现强大功能的图形化音频转换工具... 目录概述功能详解软件效果展示主界面布局转换过程截图完成提示开发步骤详解1. 环境准备2. 项目功能结

SpringBoot使用ffmpeg实现视频压缩

《SpringBoot使用ffmpeg实现视频压缩》FFmpeg是一个开源的跨平台多媒体处理工具集,用于录制,转换,编辑和流式传输音频和视频,本文将使用ffmpeg实现视频压缩功能,有需要的可以参考... 目录核心功能1.格式转换2.编解码3.音视频处理4.流媒体支持5.滤镜(Filter)安装配置linu