jquery解析json拼接到下拉框
js或jquery解析json是我们工作中经常碰到的,但是大家作为后台工程师可能知道js能解析json,但是往往记不牢,在此记录供自己或大家参考,谢谢!
ajax请参考
jquery解析xml拼接到下拉框
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>
<option value="0">--请选择--</option>
</select>
附件为 生成json所需的包