js如何获取ajax返回的json的数据

Posted 2023-04-19

我用asp.net后台程序拼接好json数据格式并通过ajax返回，js如何获取这些json的数据

JSON 一种轻量级的数据交换格式，非常适合于服务器与 javascript 的交互。（现在公司大部分都用这个）。 json的表示方式："city":"Beijing","street":" Chaoyang Road ","postcode":100025 ，这就是个简单的json对象。实际上此处的 json对象相当于 Java 中的 Map<String, Object>。注意 Key 只能用 String 表示。
其中 Value 也可以是另一个 Object 或者数组，因此，复杂的 Object 可以嵌套表示，例如，一个 Person 对象包含 name 和 address 对象，可以表示如下：

"name":"Michael","address":
"city":"Beijing","street":" Chaoyang Road ","postcode":100025


</SPAN>
</SPAN>JavaScript 处理 JSON 数据
function handleJson()
var j="name":"Michael","address":
"city":"Beijing","street":" Chaoyang Road ","postcode":100025
;
document.write(j.name);
document.write(j.address.city);

现在一般在后台用gson将数据转换成json对象，前台用jquery的ajax与后台的数据进行交互。具体咋用网上有很多实例，如果实在不懂得话，加我的qq:1249119842. 参考技术A JSONArray json = JSONArray.fromObject(models); //list集合数据转json
response.getWriter().println(json);//传到前台
//ajax
success: function(data)
var models = eval("("+data+")");
var rows="";
for(var i in models)
rows =rows + "<tr>"+
"<td>"+models[i].statDate+"</td>"+
"<td>"+models[i].endDate+"</td>"+
"<td>"+models[i].name+"</td>"+
"</tr>" ;

$("#show_table").append(rows);//添加到table
PS：这是Servlet的写法 参考技术B var obj = eval('(' + json + ')'); 或其他工具把json字符串转换为js对象 ,然后obj.id 这样访问 参考技术C ajax不是有个回调函数么？里面的data参数，就是返回值 参考技术D JQ带有JSON解析 非JQ我不清楚 有些有 有些没有

ajax返回json处理

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：
1.一种为使用eval()函数。
2. 使用Function对象来进行返回解析。

 

（一）以jquery异步获取的数据类型——json对象和字符串为依据，介绍两种方式获取到的结果处理方式

1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。

var dataObj=eval("("+data+")");//转换为json对象

为什么要 eval这里要添加 ("("+data+")")呢？

原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。 加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

alert(eval("{}");  // return undefined
alert(eval("({})"); // return object[Object]

 

2.对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法：

$.getJSON("http://www.phpzixue.cn/",{param:"gaoyusi"},function(data){
　　//此处返回的data已经是json对象
　　//以下其他操作同第一种情况
　　$.each(data.root,function(idx,item){
　　　　if(idx==0){
　　　　　　return true;//同countinue，返回false同break
　　　　}
　　　　alert("name:"+item.name+",value:"+item.value);
　　});
});

 

（二）解析方式就是使用Function对象来完成，它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析
var json=‘{"name":"CJ","age":18}‘;
data =(new Function("","return "+json))();

此时的data会解析成一个 json对象了.