ajax级联菜单

1.前台页面
<script type="text/javascript" src="<%=basePath %>script/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#district").change(function(){
        var p_id=$(this).val();
        var strHTML="";
        if(p_id==0){
            strHTML="<option value=\"0\">-请选择市--</option>"
            $("#street").html(strHTML);
            return;
        }
        $.ajax({
            type:"post",
            url:"ajaxServer!ajaxServer",
            data:{pid:p_id},
            dataType:"json",
            success: function(data){
                var len=data.length;
                for(var i=0;i<len;i++){
                    strHTML+="<option value=\""+data[i].id+"\">"+data[i].name+"</option>";
                }
                $("#street").html(strHTML);
            },
            error:function(){
                alert("解析数据错误");
            }
        });
    
    });

});
</script>

2.后台action


public String ajaxServer(){
        Integer p_id=pid==null?null:Integer.parseInt(pid.toString());
        District district=new District();
        district.setId(p_id);
        Set<Street> listStreet=districtService.queryStreet(district);
        //ajax解决对象里面包含对象
        JsonConfig config=new JsonConfig();
        HttpServletResponse response=ServletActionContext.getResponse();
        config.setJsonPropertyFilter(new PropertyFilter() {
            public boolean apply(Object source, String name, Object value) {
                if(name.equals("district")||name.equals("house")){
                    
                    return true;
                }else {
                    
                    return false;
                }
            }
        });
        JSONArray jsonArray=JSONArray.fromObject(listStreet, config);
        String jsonStr=jsonArray.toString();
        System.out.println(jsonStr);
        response.setContentType("text/html");
        response.setCharacterEncoding("UTF-8");
        try {
            response.getWriter().write(jsonStr);
            response.getWriter().close();//关闭输出流
        } catch (IOException e) {
            e.printStackTrace();
        }
        
        return SUCCESS;
    }

3.struts配置文件跟普通配置一样


  <action name="ajaxServer" class="houseAction" method="ajaxServer">
        </action>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值