JavaScript解析Ajax返回JSON数据的方法

Ajax返回JSON数据的处理流程

通常情况下，Ajax请求返回的数据格式为JSON或XML。若返回的是JSON格式，可以将其转换为JavaScript对象以便进行后续操作，具体方法如下所示。

1、Ajax请求的Controller实现

@RequestMapping
public void getLocations(@RequestParam String location, PrintWriter printWriter) { 
  if (StringUtils.isEmpty(location)) { 
    return; 
  } 
  List<Location> locations = locationService.getSubLocation(location); 
  String json = Json.toJson(locations); 
  printWriter.write(json); 
  printWriter.flush(); 
  printWriter.close(); 
} 

Location是一个包含多个属性的Bean，例如pName和zName。

2、Ajax处理请求与返回值

$.ajax({ 
  type : "GET", 
  url : "/admin/location/getLocations.do", 
  data : "location=" + val, 
  success : function(msg) { 
    msg = eval(msg); 
    region = $("#region"); 
    region.empty(); 
    vHtml = "<option value='none'>选择区（可选）</option>"; 
    $.each(msg, function(i) { 
      var $bean = msg[i]; 
      vHtml += '<option value="' + $bean.pName + '"">'
          + $bean.zName + '</option>'; 
    }); 
    region.html(vHtml); 
  } 
}); 

msg原本是一个JSON字符串，通过eval函数将其转换为JavaScript对象，从而可以像访问普通对象那样获取其属性值。

以上介绍了一种JavaScript解析Ajax返回JSON数据的有效方法，供读者参考。