js遍历Java后台传到Jsp的集合

最新推荐文章于 2023-03-15 19:09:28 发布

Sherry__Han

最新推荐文章于 2023-03-15 19:09:28 发布

阅读量604

点赞数

分类专栏： js JAVA

js 同时被 2 个专栏收录

3 篇文章

订阅专栏

JAVA

1 篇文章

订阅专栏

本文详细介绍了会议管理系统的实现过程，包括会议信息类的设计，后端接口的开发以及前端JS如何接收并处理会议列表数据。系统涵盖了会议名称、类型、发起人、会议室等关键信息，并实现了日期格式的统一处理。

摘要生成于 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接收List

使用数组转换

//添加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);
                 }

             }
    });

使用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)
                 }
             }
});