ajax获得后台传来的一个json值，在js中获得其中的属性值

最新推荐文章于 2024-08-28 11:37:10 发布

weixin_30779691

最新推荐文章于 2024-08-28 11:37:10 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/ihaokun/p/9947482.html

本文介绍如何在jQuery中使用Ajax获取JSON格式的分页数据，并通过示例代码展示了如何解析并处理这些数据，包括构建员工表格和分页导航信息。

首先

ajax的dataType需要设置为json，

默认的text获取属性值在jquery3.2.1中尝试不成功

获得属性值的方式：

类似数组，键值对的方式

下面例子：

设置dataType为json

//页面加载完之后，直接去发送一个ajax请求，获取分页数据
    $(function () {
        $.ajax({
            url:'${APP_PATH}/emps'
            ,data:'pn=1'
            ,type:'get'
            ,dataType:'json'
            ,success:function (result) {
                console.log(result);
                //解析json，显示员工数据
                build_emps_table(result);
                //解析json，显示分页导航信息
                build_page_nax(result);
            }
        });
    });

获取属性值：

//构建员工表格
    function build_emps_table(result) {
        //清空table表格
        $("#emps_table tbody").empty();
        console.log(result['extend']['pageInfo']['list']);
        var emps = result['extend']['pageInfo']['list'];
        $.each(emps,function (index,item) {
            alert(item.empName);
        })
    }

成功：