服务器数据回显的动态方法

动态数据回显

这个方法主要用于Ajax接收服务器响应后的结果，将返回的结果回显到表单中。 当然，使用原生js 一样可以实现，这里了只是一种技巧。

• 下面使用keys方法将返回的对象进行枚举，将对象的属性名枚举出来，并返回一个数组。也就是说得到了一个全是属性名的数组。

• 前提得是我们获取元素，类名和对象名相同。（这样我们获取的对象名进行遍历才能够对应标签）

• 所以在使用forEach（） 对数组进行遍历，数组有几个元素，我就遍历几次，每次都获取一个对应的表单元素，主要是能够动态的、高效率的获取，我们自己写每次都需要该、代码量又大。

            const listObj = result.data.data
            // 数据回显（将返回的对象枚举处他的属性名作为类名，因为类名个属性名相同了）
            // 将使用Object.keys方法将对象中的属性名枚举到新的数组中，并返回它
            const keys = Object.keys(listObj)
            // 然后循环keys这个数组
            keys.forEach(item => {
            console.log(item)
            // 将数组中的每一个属性名作为类名，在将对象中对应的属性名属性值赋值给表单
            document.querySelector(`.edit-form .${item}`).value = listObj[item]

            })