这是我自己写的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
转载于:https://blog.51cto.com/00920508/1069607