遍历json数据的几种方式

  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

遍历json数据的几种方式的相关文章

向服务器传json数据的两种方式

接触到了向服务器传JSON数据,那么怎么把参数以JSON的形式,传到服务器呢.下面来说说,json字符串的得到方法.一共有两种方式来得到Json的字符串.当然,向服务器上传,不能传字符串,是要转成NSData的,也就是二进制的形式.这个在此不讨论,只说,怎么得到json的字符串. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. //第一种方法,是把要传的参数

SpringMVC返回json数据的三种方式

SpringMVC返回json数据的三种方式:http://blog.csdn.net/shan9liang/article/details/42181345 上述第三种方法:可能会出现这个jar包没有的情况,引入即可,下面pom引入即可 java.lang.NoClassDefFoundError: com/fasterxml/jackson/core/JsonProcessingException

【代码笔记】向服务器传JSON数据的两种方式

一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. //第一种方法,是把要传的参数组合成一个数组,然后由JSONKit把字典转为字符串 NSDictionary* jsonDic = [NSDictionary dictionaryWithObjectsAndKeys:@"李华",@"name",@"女&quo

jQuery异步获取json数据的2种方式

jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法.本篇体验使用这2种方式异步获取json数据,然后追加到页面. 在根目录下创建data.json文件: { "one" : "Hello", "two" : "World" } ■ 通过$.getJSON方法获取json数据 <script src="Scripts/jquery-2.1.1.min.js"

springMVC接受ajax提交表单,json数据的两种方式

作为一个初入互联网行业的小鑫鑫,在使用springMVC时发现一个好耍的东西,决定记下来,免得哪天忘了,哈哈 第一种 序列化表单,将表单数据序列化为json对象字符串 $("#submit").click(function (){ var form=$("form").serializeArray(); $.ajax({ url:"${pageContext.request.contextPath}/teacher/updateTeacher",

Spring MVC中返回JSON数据的几种方式

我们都知道Spring MVC 的Controller方法中默认可以返回ModeAndView 和String 类型,返回的这两种类型数据是被DispatcherServlet拿来给到视图解析器进行继续处理返回页面的,而不是直接返回给客户端的.有时候我们需要发请求后让服务端直接返回一些数据,不再经过DispatcherServlet,这个时候通常有两种方式: 1.使用@ResponseBody注解 该注解的作用是把方法返回结果转成json或xml格式并进行返回,不管要返回什么类型的数据,是Str

spring mvc 返回json数据的三种方式

一.返回ModelAndView,其中包含map集 /* * 返回ModelAndView类型的结果 * 检查用户名的合法性,如果用户已经存在,返回false,否则返回true(返回json数据,格式为{"valid",true}) */ @RequestMapping(value = "/checkNameExistsMethod2", produces = "application/json;charset=UTF-8") //这里的prod

MVC中返回json数据的两种方式

MVC里面如果直接将数据返回到前端页面,我们常用的方式就是用return view(): 那么我不想直接用razor语法,毕竟razor这玩意儿实在是太难记了,还不如写ajax对接来得舒服不是 那么我们可以这么做 1.定义ActionResult,返回json,标记属性可以采用HttpPost,也可以是用HttpGet,按自己的需求来使用 public ActionResult UpdateDownloadInJson(string deviceNames,string programNames

for-in遍历json数据

1.for遍历json数据 var json = {'name':'wly','age':'22','fun':'前端开发'} for(var attr in json){ alert(json[attr]) //遍历json属性的数据 alert(json['name']) //访问单个json属性 } 2.for in 遍历对象属性 var str = ''; var num = 0; for(var attr in window){ str += num + '.'+ attr+':'+