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,其他层就是建个表,并将表格数据传到前端,这里就不做展示了
上一篇:
通过多线程提高代码的执行效率例子
