Ajax 多级联动市县区（街道）基于Struts1.x与Strurts2.x实现

Ajax 多级联动（Struts1.x与Strurts2.x）以市为例子上代码：(如有问题可以加QQ:2250680083)

 

1、导入包json-lib-2.2.3-jdk15.jar，引入jQuery如果联网建议使用Google的，地址为：<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

 

2、页面代码如下：var url="/" +lemis.WEB_APP_NAME + "/monitor/comEditShi.do";

       //初始化市区

       function inni_city(){

          jQuery.ajax({

            url : url,

            data:{method: 'ajaxGetCity'},

            type : "post",

            async: false,

            cache : false,

            dataType : "json",

            success:onchangecallback

            });

             function onchangecallback(data){

                var str="<option value=''>请选择</option>" ;

                for(var i=0;i<data.length;i++){

                     if(s8==(data[i].key)){

                          str+= "<option selected=true value='"+data[i].key+"'>"+data[i].value+ "</option>";//应对IE6的方法($("").val(值)会有问题)

                     }else{

                          str+= "<option value='"+data[i].key+"'>"+data[i].value+ "</option>";

                     }

                }

               $( "#所放位子ID").html(str);

            }

       }

 

3、配置action（自己配置）

 

4、Java代码

public class ComEditShi extends ActionLeafSupport {

     /***
     *获取市区     
     **/
     public ActionForward ajaxGetCity(ActionMapping mapping, ActionForm actionForm,
               HttpServletRequest request, HttpServletResponse response) throws AppException, IOException{
          List<Param> zihanTypes =new ArrayList<Param>();
          AjaxData msg1 = new AjaxData();//自己的方法

AjaxData.java

public class AjaxData {      /**      * 省厅监测，获取市      * @author 紫寒      * @return      */      public LinkedHashMap getShi_st() {           AjaxDataDAO rd = new AjaxDataDAO();           try {                return rd.getShi_st();//自己方法      public LinkedHashMap getShi_st() throws SQLException {           LinkedHashMap map = getData("ajax_shi",null);  //市县区 紫寒      private LinkedHashMap getData(String string,String string2){           LinkedHashMap map = new LinkedHashMap();           Sc01 aSc01 = new Sc01();           Sc01 aSc01_ = new Sc01();           aSc01.setFileKey(string);           if(string2!=null){                aSc01.setAab003(string2);           }             Connection con = null;      try {                con = DBUtil. getConnection();                List<?> list = (List<?>) find(con, aSc01, null, 0);                for (int i = 0; i < list.size(); i++) {                     ClassHelper.copyProperties(list.get(i), aSc01_);                     map.put(aSc01_.getAab003(), aSc01_.getAab300());//主要的一步                }                              } catch (NoConnectionException e) {                // TODO Auto-generated catch block                e.printStackTrace();           } catch (AppException e) {                // TODO Auto-generated catch block                e.printStackTrace();           }               return map;                 }                    return map;      }             } catch (SQLException e) {                e.printStackTrace();           }           return null;      } }

 

          LinkedHashMap mapaab061 = msg1.getShi_st();
          Set<Map.Entry<String, String>> entryseSet=mapaab061.entrySet();   
          for (Map.Entry<String, String> entry:entryseSet) {  
               Param param = new Param();

Param.java

public class Param {                private Object entity;  //预留        private String value;      private String key;            public Param() {          }              public Param(String value, String key) {          this.value = value;            this.key = key;        }            public String getValue() {            return value;        }             public void setValue(String value) {            this.value = value;        }                    public String getkey() {            return key;        }                    public void setkey(String key) {            this.key = key;        }                    public Object getEntity() {            return entity;        }                    public void setEntity(Object entity) {            this.entity = entity;        }        }

 

               param.setkey(entry.getKey());
               param.setValue(entry.getValue());
               zihanTypes.add(param);      
               }           
          JSONArray jsonObj = JSONArray.fromObject(zihanTypes);
          sendMsg(jsonObj.toString(),response);  //Structs1.x

         // sendMsg(jsonObj.toString());  //Structs2.x

 

Structs1.x

Structs2.x

private void sendMsg(String string, HttpServletResponse response) {      // TODO Auto-generated method stub              response.setCharacterEncoding("UTF-8");                     try {                     response.getWriter().write(string);                } catch (IOException e) {                     // TODO Auto-generated catch block                     e.printStackTrace();                }         }

private void sendMsg(String string) {  HttpServletResponse response = ServletActionContext.getResponse();                     response.setCharacterEncoding("UTF-8");                     response.getWriter().write(string);   }

 

          return null;
     }

}

5、相应的级联方法用jQuery的onchange事件就OK了！

6、祝技术分享愉快！