js中读取json对象

    json的用途我也不在这里介绍了，简单说一些JSON的结构:

JSON有两种结构

json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构

1、对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为 对象.key 获取属性值，这个属性值的类型可以是 数字、字符串、数组、对象几种。

2、数组：数组在js中是中括号“[]”括起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是 数字、字符串、数组、对象几种。

经过对象、数组2种结构就可以组合成复杂的数据结构了。

如果你是用的是springmvc的话，那么后台方法就只需要加上@ResponseBody，例如:

      如果你controllor不是用springmvc使用struts2的话，这里可能要用到工具类辅助你把对象转换成json格式：下面提供一个jsonUtil类：

       package com.kamneng.directsellonline.utils;
       import net.sf.json.JsonConfig;
       import net.sf.json.util.CycleDetectionStrategy;
       import net.sf.json.JSONArray;
/**
 * <p>JSON处理工具类</p>
 * <p>创建日期: 2013-3-29</p>
 * <p>版权: Copyright (c) 2013</p>
 * @version 1.0
 **/
public class JSONUtil {
/**
* 默认的JsonConfig配置
* @return
*/
private static JsonConfig getJsonConfig() {
JsonConfig config = new JsonConfig();
config.setCycleDetectionStrategy(CycleDetectionStrategy.LENIENT); 
//config.setExcludes(new String[]{"handler", "hibernateLazyInitializer"}); 
return config;
}


/**
* 将对象转换为json，使用默认的JsonConfig配置
* @param obj
* @return
*/
public static String fromObject(Object obj) {
return fromObject(obj, getJsonConfig());
}

/**
* 将对象转换为json，自定义JsonConfig配置
* @param obj
* @param config
* @return
*/
public static String fromObject(Object obj, JsonConfig config) {
JSONArray json = JSONArray.fromObject(obj, config);
return String.valueOf(json);
}

}    

你在后台方法中只需要调用jsonUtil.fromObject(Object obj),传入你的对象，然后把返回的json格式对象用流的形式传到前段js.

 然后前段js异步请求：

          $.ajax({
type:'post',
dataType:'json', //如果方法返回的是字符串就用text，如果返回的是json对象这里就写成json
 url: "${contextPath}/management/index/ajaxTest",
 success: function(data){
$.each(data,function(key,value){
alert(key+value.username);
});
 }
}) ;

     接下来就是重点讲解一下js中读取几种常用的json对象:

    首先是读取List对象:

     后台方法(我这里后台主要是运用了springmvc，所以不需要jsonutil工具类,一下相同):

    @RequestMapping(value="/ajaxTest", method=RequestMethod.POST)
public @ResponseBody List<User> ajaxTest( HttpServletRequest request) {
List<User> users=new ArrayList<User>();
User user=new User();
user.setUsername("张三");
User user1=new User();
user1.setUsername("李四");
users.add(user);
users.add(user1);
return users;
}

     

    后台成功返回的List<Users>数据在success中读取:

  $.ajax({
type:'post',
 dataType:'json', //如果方法返回的是字符串就用text，如果返回的是json对象这里就写成json
  url: "${contextPath}/management/index/ajaxTest",

       success: function(data){

       $.each(data,function(i,v){
      alert(i+v.username);
     });

}

});

 Jquery的each方法非常好用，i代表的是index序号，默认从0开始，v代表的是List中的每一个对象，这里是User对象，这样输出来的是0张三   1李四。

然后是读取Map对象:

   后台方法:

    @RequestMapping(value="/ajaxTest", method=RequestMethod.POST)
public @ResponseBody Map<String,User> ajaxTest( HttpServletRequest request) {
Map<String,User> users=new HashMap<String, User>();
User user=new User();
user.setUsername("张三");
User user1=new User();
user1.setUsername("李四");
users.put("张三",user);
users.put("李四",user1);
return users;
}

后台成功返回的List<Users>数据在success中读取:

  $.ajax({
type:'post',
 dataType:'json', //如果方法返回的是字符串就用text，如果返回的是json对象这里就写成json
  url: "${contextPath}/management/index/ajaxTest",  

success: function(data){
$.each(data,function(key,value){
alert(key+value.username);
});
 }

});

如果是hashmap，key代表的是map中的key值，value在这里代表的是map的user对象，这样输出结果为：张三张三    李四李四。顺便补充一点，如果你的map对象的value存放的是List集合的话，读取如下： 

  $.ajax({
type:'post',
 dataType:'json', //如果方法返回的是字符串就用text，如果返回的是json对象这里就写成json
  url: "${contextPath}/management/index/ajaxTest", 

success: function(data){

 $.each(data,function(key,value){
 $.each(value,function(i,v){//这里把的到list对象再进行each遍历

alert(v);//这里的v既是list集合中的每一个对象

 });

 });
  }

});

总结：对json接触比较初级，但是写的这些内容主要是我在项目中主要用到的一些东西，下次学到了新内容会及时加进来，刚接触java和博客，请各位朋友多多帮助！