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数组):
2、前台代码(js部分)
3、前台代码(jsp部分)
附件为 生成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所需的包
上一篇: 强大,Nginx配置一键生成