欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery解析json拼接到下拉框(含jar包)

程序员文章站 2022-07-12 16:55:30
...
                                jquery解析json拼接到下拉框
      js或jquery解析json是我们工作中经常碰到的,但是大家作为后台工程师可能知道js能解析json,但是往往记不牢,在此记录供自己或大家参考,谢谢!
ajax请参考http://patronli.iteye.com/admin/blogs/2324171
jquery解析xml拼接到下拉框http://patronli.iteye.com/blog/2383737


1、后台代码(生成json数组):
List<CityModel> cms=new ArrayList<>();//list数组
JSONArray ja=JSONArray.fromObject(citys);;//将数组转换成json数组

2、前台代码(js部分)
var city=$("#city");
var info=[{"cid":1,"cname":"东城区"},{"cid":2,"cname":"西城区"}];
//假设info就是后台通过ajax方式传递过来的json数据
var json=eval(info);//将json字符串换成可解析的数组
for (var i = json.length - 1; i >= 0; i--) {//循环数组的美一个对象
        city.prepend("<option>"+ json[i].cname +"</option>");//拼接
 };

3、前台代码(jsp部分)
<select id="city" name="city">
	<option value="0">--请选择--</option>
 </select>


附件为 生成json所需的包
相关标签: jquery json ajax