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,其他层就是建个表,并将表格数据传到前端,这里就不做展示了

经验分享 程序员 微信小程序 职场和发展