您的位置:首页 > Web前端 > JQuery

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

2012-11-24 14:17 316 查看
这是我自己写的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

附件:http://down.51cto.com/data/2361825
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  json springmvc