ajax获取json里的list

最近在做一个前端页面，需要通过ajax获取后端返回的json数据，其中有一个字段是一个list。我先通过ajax请求获取到了json数据，然后对list进行了遍历，并把每个元素显示在页面上。

$.ajax({
    url: '/api/getData',dataType: 'json',success: function (response) {
        // 遍历list并展示
        var list = response.list;
        for (var i = 0; i < list.length; i++) {
            var item = list[i];
            $('#list').append('<li>' + item.name + '</li>');
        }
    },error: function () {
        alert('请求失败');
    }
});
@H_404_5@


这里使用了jQuery的ajax方法来发起请求并获取后端返回的json数据。获取到数据后，我们通过遍历list并将每个元素显示在页面上。在页面上显示list的地方，我们可以使用HTML中的<ul>和<li>标签。

需要注意的是，我们在遍历list的时候，要通过list[i]来获取每个元素，然后再通过元素的属性来获取对应的值。在这个例子中，我们通过item.name来获取每个元素的名字。

最后，我们将获取到的list元素通过jQuery的append方法添加到页面上。这样，我们就可以在页面上展示从后端获取到的数据了。
                
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。