jquery处理JSON对象

此处要涉及两个方法:

1. eval()处理括号内参数返回一个JSON对象

2. $.each(): 用来在回调函数中解析JSON数据的方法

官方文档:

jQuery.each( collection, callback(indexInArray, valueOfElement) )

collection: The object or array to iterate over.

callback(indexInArray, valueOfElement): The function that will be

executed on every object.

$.each()方法接受两个参数,参数1是需要遍历的对象集合(JSON对象集合),

参数2是用来遍历的方法,该方法又接受两个参数,第一个是遍历index,第二个

是当前遍历的值。


具体js代码如下:

$.ajax({
url: "page/show", //此处url是在strust.xml中配置的路径
data: { "PageIndex": curPage},
type: "post",
dataType: "json",
success: function (data) { 

//data是从后台传来的json格式数据

//结果为:{"count":"2","result":[{"id":"001","name":"abc","password":"123"},

//{"id":"002","name":"bcd","password":"123"}]}

//注意只是data为json格式结果,data中的result此时还不是json格式的,所以必须用eval()对result处理

var result = eval(data.result);//此处必须用eval()取得result

 $.each(result, function(i, o) { //通过$.each()方法解析json对象

//在前台页面以表格方式显示结果

  $(".tab").append( $("<tr><td>" +o.id+ "</td><td>" +o.name
                            + "</td><td>" + o.password + "</td></tr>"); 

});

}

});

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值