本文介绍如何通过JavaScript处理Ajax请求返回的JSON数据。主要步骤包括后端Controller生成JSON字符串，前端使用eval函数将JSON字符串转换为JavaScript对象，进而通过对象属性访问方式获取数据。示例展示了Location Bean的序列化处理及前端动态生成下拉选项的过程。
Ajax返回JSON数据的处理流程
通常情况下，Ajax请求返回的数据格式为JSON或XML。若返回的是JSON格式，可以将其转换为JavaScript对象以便进行后续操作，具体方法如下所示。
1、Ajax请求的Controller实现
后端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请求与数据处理
$.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数据的有效方法，供读者参考。