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

本文详细介绍了会议管理系统的实现过程,包括会议信息类的设计,后端接口的开发以及前端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)
                 }
             }
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值