0
点赞
收藏
分享

微信扫一扫

LayUI的js中解析model中的list数据

時小白 2022-03-26 阅读 53

1、通过下了方式获取(无法取到值)

	var list=[[${currMorList}]]  //无法取到值
	var list='[[${currMorList}]] '  //同样无法取到值

2、通过隐藏域获取

	//thymleaf中div设置隐藏域
	<div>
		<input id="currMorList" th:type="hidden" th:value="${currMorList}">
	</div>
	//script中获取
	<script>
    layui.use(['layer', 'miniTab','echarts','carousel'], function () {
    	//1、通过$('#currMorList').val  获取
    	var curr=$('#currMorList').val    //获取到的值是html文本
    	//2、另一种,(本文使用方法)
    	var curr=document.getElementById('currMorList').value  //得到正确的文本json内容
    }</script>

3、解析获取到的list

	通过以下方式解析时候报错:
	 $.each(curr,function(index,item){
            var card11='<tbody class="card1-notice" ><tr BGCOLOR="#d5ffef"><td>'+item.Name+
                ' </td><td>'+item.Dept+
                '</td><td> '+item.others+
                '</td></tr></tbody>';
            $('#card1').append(card11);
        });
        //--------------------------------------------------------
        //以下报错内容:
          Uncaught TypeError: Cannot use 'in' operator to search for 'length' in [{"endDate":"2022-03-26 17:00:00","Dept":"办公室","Name":"王五","startDate":"2022-03-24 08:00:00","others":"Tue Jun 03 00:00:00 CST 2138到Tue Jun 03 00:00:00 CST 2138"},{"endDate":"2022-03-29 12:00:00","Dept":"科室","Name":"张三","startDate":"2022-03-25 08:00:00","others":"Tue Jun 03 00:00:00 CST 2138到Tue Jun 03 00:00:00 CST 2138"}]
    at n (VM363 layui.js:2:41840)
    at Function.each (VM363 layui.js:2:58719)
    //使用以下方式重新格式化以下json字符串,问题解决-------------------------------------
      var cmList=JSON.parse(document.getElementById('currMorList').value);

举报

相关推荐

0 条评论