json(JavaScript Object Notation),json是一种多用于存储和交换文本信息的语法。他能够进行数据的传输,通常和ajax一起使用。它具有体积小、速度快,易解析等诸多优点。
使用json首先要学习如何获取json的数据。json类似Java里的map集合,两者的数据都是由键值对构成的。键可以使用引号,也可以不使用引号。
1.定义json
//基本格式 var category= {"id": "1", ‘name‘: "JavaSe"}; var categorys= [{"id": "1", ‘name‘: "JavaSe"}, {"id": "2", ‘name‘: "JavaEe"}, {"id": "3", ‘name‘: "前端"}, {"id": "4", ‘name‘: "其他"}];
2.获取数据的几种方式
2.1 使用json对象名.键名获取数据
var target = category.name;
2.2 使用json对象名[键名]获取数据
var target = category[name];
2.3 使用json数组对象名[索引]获取数据
var target = categorys[0];
2.4 遍历json数组获取数据
从服务器端获取到的数据
[SysCategory{id=1, name=‘JavaSe‘}, SysCategory{id=2, name=‘JavaEE‘}, SysCategory{id=3, name=‘前端‘}, SysCategory{id=4, name=‘其他‘}]
打印数据如下
开始遍历:
//遍历1 for (var c in categorys) { var option = document.createElement("option"); option.setAttribute("value", categorys[c].id); option.innerText = categorys[c].name; select.appendChild(option) } //遍历2 for (var i = 0; i <categorys.length; i++) { var option = document.createElement("option"); option.setAttribute("value", categorys[i].id); option.innerText = categorys[i].name; select.appendChild(option) }
结果如下
可以看到,服务器端的数据已经成功显示到页面上的下拉菜单上。
原文地址:https://www.cnblogs.com/Code-Handling/p/12041240.html
时间: 2024-09-29 04:45:23