SprngMVC整合jquery的json 最简单的例子 一看就明白

这是我自己写的spingmvc整合jquery的json的例子，我写了一个联动菜单，我觉得这样子比较好理解，为你们着想，认真的看看我下面的例子就会觉得json真的很简单..

1、jsp页面。我用的是select下拉列表框触发onchange事件

 

区：<select id="district_id" onchange="district_change()">
        <option value="0">==请选择区信息==</option>
  <c:if test="${not empty districts}">
    <c:forEach items="${districts}" var="districts">
            <option value="${districts.id }">${districts.name }</option>
    </c:forEach>
  </c:if>
    </select>
街：<select id="street_id">
        <option value="0">==请选择街信息==</option>
    </select>

2、触发的事件。javascript里面的代码

 

<script type="text/javascript" language="javascript">
    function district_change(){
        var district_id=$("#district_id").val();
        $.ajax( {
        type : "POST",
        url : "street.doo?method=getStreetListByDistrictID",
        data :"district_id="+$("#district_id").val(),
        dataType : 'json',
        complete:function(data){
            var str=data.responseText;
            var obj_json = eval('(' + data.responseText + ')');
            var obj=obj_json.streets;
            $("#street_id").empty();
            for ( var i = 0; i < obj.length; i++) {
                Value = obj[i].id;
                Text = obj[i].name;
                $("#street_id").append("<option value="+Value+">"+Text+"</option>");
            }
        }
    });
    }
</script>

注：我是用的jquery的技术，所有你这里需要导入jquer的包，我用的版本是jquery-1.7.1.js

 

本文出自 “馨菲儿_茂” 博客，谢绝转载！