spring boot+layui实现表格内容显示到文本域
由于文本域代码过多,本人又还是萌新,代码写的很难看,就不放出来献丑了,就是好几个文本域,每个文本域加个id属性,使用document.getElementById(id)方法实现下面是代码:
java script:
<script type="text/javascript"> layui.use([laydate], function () { var laydate = layui.laydate, element = layui.element, layer = layui.layer, $ = layui.$; $.ajax({ url: coProfile/getCoProfileList, type: post, success:function (result){ console.log(result); for(let j=0,d=result.data.length;j<d;j++) { if (j == 0) { document.getElementById(introductionTitle).value = result.data[j].profContent; document.getElementById(introductionText).value = result.data[j].createName; } else if(j==1){ document.getElementById(developmentCourseTitle).value = result.data[j].profContent; document.getElementById(developmentCourseText1).value = result.data[j].createName; document.getElementById(developmentCourseText2).value = result.data[j].phone; } else if (j==2){ document.getElementById(corporateCultureTitle).value = result.data[j].profContent; document.getElementById(corporateCultureText).value = result.data[j].createName; } else if(j==3){ document.getElementById(officeButTitle).value = result.data[j].profContent; document.getElementById(officeButText).value = result.data[j].createName; } else { layer.msg(数据显示错误); } } } }) }) </script>
主要功能实现就是在Java script,其他层就是建个表,并将表格数据传到前端,这里就不做展示了
上一篇:
通过多线程提高代码的执行效率例子