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