JS接收controller返回的list

最新推荐文章于 2025-06-27 13:41:39 发布

beidaol

最新推荐文章于 2025-06-27 13:41:39 发布

阅读量6.1k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/beidaol/article/details/86233823

这篇博客主要讨论如何在JS中处理从后台获取的list数据，包括两种方法：1) 使用数组转换将list转为JS数组；2) 使用eval()函数解析数据。

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

实体

public class MeetingInfo  {
   
   private String id;
   private String meetingName;       // 会议名称
   private String meetingType;       // 会议类型
   private String proposer;      // 会议发起人id
   private String meetingRoomId;     // 会议室id
   private String meetingAddress;    // 自定义会议地址
   private String meetingContent;    // 会议内容
   @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")//页面写入数据库时格式化
   @JSONField(format="yyyy-MM-dd HH:mm:ss")//数据库导出页面时json格式化
   private Date beginDate;       // 会议开始时间
   @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") //页面写入数据库时格式化
   @JSONField(format = "yyyy-MM-dd HH:mm:ss") //数据库导出页面时JSON格式化
   private Date endDate;     // 会议结束时间
   private Integer meetingNum;       // 会议应到人数
   private Integer reminder;     // 提醒方式
   private Integer meetingStatus;    // 会议状态

。。。。。。省略geter/setter

后台

@ResponseBody
    @RequestMapping(value = "/test",method = RequestMethod.POST)
    public List<MeetingInfo> test(){   
        List<MeetingInfo> list = new ArrayList<>();
        MeetingInfo m1 = new MeetingInfo();
        m1.setId("123");
        m1.setMeetingName("发顺丰");
        m1.setBeginDate(new Date());
        MeetingInfo m2 = new MeetingInfo();
        m2.setId("123fdsa");
        m2.setMeetingName("法第三方第三方");
        m2.setBeginDate(new Date());
        list.add(m1);
        list.add(m2);
        return list;
    }

JS

JS接收List

1、使用数组转换

//添加ajax访问后台
$.ajax({
             async : false,
             cache : false,
   type:'POST',
   url:requestPath ,

             //contentType : "application/json;charset=utf-8",
   success:function (result) {
                 var arr = [];
                 for(var item in result){
                   arr.push(result[item]);
      }
                 for (var i = 0; i < arr.length; i++) {
                     alert(arr[i].id);
                     alert(arr[i].meetingName);
                 }

             }
});

2、使用eval（）

步骤：将List 转成json,传到界面。js中使用eval（result）将list转成js数组。

//添加ajax访问后台
$.ajax({
             async : false,
             cache : false,
   type:'POST',
   url:requestPath ,

             //contentType : "application/json;charset=utf-8",
   success:function (result) {
               
      //将List 转成json,传到界面。js中使用eval（result）将list转成js数组。
                 var s = JSON.stringify(result);
                 var keyList = eval(s);
                 for (var i = 0; i < keyList.length; i++) {
                     alert(keyList[i].id);
                     alert(keyList[i].meetingName)

                 }


             }
});