SprngMVC整合jquery的json 最简单的例子 一看就明白
2012-11-24 14:17
316 查看
这是我自己写的spingmvc整合jquery的json的例子,我写了一个联动菜单,我觉得这样子比较好理解,为你们着想,认真的看看我下面的例子就会觉得json真的很简单..
1、jsp页面。我用的是select下拉列表框触发onchange事件
2、触发的事件。javascript里面的代码
注:我是用的jquery的技术,所有你这里需要导入jquer的包,我用的版本是jquery-1.7.1.js
附件:http://down.51cto.com/data/2361825
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
相关文章推荐
- jquery的ajax方式调用json简单例子
- 本文简单讲诉jQuery处理json与ajax返回的Json的一个例子
- php+jquery+ajax+json简单小例子
- jQuery 和 json 简单例子(注意callback函数的处理!!) (servlet返回json,jquery更新,java json)
- jquery+json处理分页的一个简单例子。
- php+jquery+ajax+json简单小例子
- Struts2整合jQuery和JSON进行简单的异步数据交换入门教程
- php+jquery+ajax+json简单小例子
- jquery autocomplete 与struts2 json插件结合简单例子
- struts2中Jquery的json使用(最简单的例子)
- jQuery 和 json 简单例子
- php+jquery+ajax+json简单小例子
- php+jquery+ajax+json简单小例子
- jQuery 和 json 简单例子(注意callback函数的处理!!) (servlet返回json,jquery更新,java json)
- 举两个例子以快速明白Java中的简单工厂模式
- 简单的JQuery菜单例子
- android json解析及简单例子+Android与服务器端数据交互+Android精彩案例【申明:来源于网络】
- android json解析及简单例子[转]
- 关于 ASP.net + JQuery + JQGrid + JSON.net 的简单应用(一)
- android json解析及简单例子