Dwr 联动效果实现全程：

最新推荐文章于 2022-06-03 18:34:32 发布

养家糊口的程序媛

最新推荐文章于 2022-06-03 18:34:32 发布

阅读量1.5k

点赞数 2

分类专栏： J2EE基础文章标签： dwr javascript hashmap function servlet encoding

本文链接：https://blog.csdn.net/sundenskyqq/article/details/6853477

版权

J2EE基础专栏收录该内容

56 篇文章 0 订阅

订阅专栏

昨天做到下来菜单联动了，需要用到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联动效果就写完了。这是一个小例子，原理也就这么简单

养家糊口的程序媛

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
5
评论
Dwr 联动效果实现全程：

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

扫一扫

专栏目录