前端如何解析ajax的list对象

最新推荐文章于 2021-08-06 14:28:57 发布

原创最新推荐文章于 2021-08-06 14:28:57 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用Ajax从后端获取数据并将其填充到前端表格的方法。具体实现是通过Ajax发送POST请求到指定URL，接收返回的数据列表，然后遍历这个列表，将每一项数据转换为HTML表格行，并追加到页面上已有的表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
                type : "post" ,
                url : "http://211.85.9.122:8080/Maven_SSM_fapiao/numlist",
                success : function(data){
                    for(i=0;i<data.length;i++){
                        $("#search").append("<tr><td  align='center' height='40'>"+(i+1)+"</td><td valign='middle'>"+data[i].num1+"</td><td valign='middle'>"+data[i].num2+"</td></tr>");
                    }
                }

            });

通过后台传过来的data,data是一个list的对象，前端默认list的集合是一个数组，所以直接用循环的方式进行输出就ok!!!