ajax 返回json list

Ajax技术是一种在不重新加载整个页面的情况下，实现与服务器交换数据并更新部分页面的方法。它可以提高网页的用户体验和交互性。其中，Ajax返回JSON数据的应用非常常见，特别是返回JSON数组列表。

$.ajax({
    url: "/api/getUserInfo",type: "GET",dataType: "json",success: function(data){
        var userList = data.userList;
        var html = "";
        for(var i=0; i<userList.length; i++){
            var user = userList[i];
            html += "<li>" + user.name + "</li>";
        }
        $("#user-list").html(html);
    },error: function(){
        alert("获取用户列表失败！");
    }
})

通过上面的代码，可以从服务器端获取用户列表数据，并在页面上动态展示。其中，url属性指定请求的地址，type属性指定请求的类型为GET，dataType属性指定返回的数据格式为JSON，success属性指定请求成功时的回调函数，error属性指定请求失败时的回调函数。

在回调函数中，先通过data.userList获取到用户列表数据，然后利用for循环遍历列表，将每个用户的名称添加到HTML字符串中，并最终将该字符串插入到页面指定位置（例如，id为user-list的ul元素）中。

总之，利用Ajax技术返回JSON列表数据可以有效的提高网页的性能和用户体验，同时也便于轻松实现各种动态内容的展示。