工作日常经验（二）Layui框架之获取form表单的方法

伟业鸿图

于 2019-09-19 16:03:27 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Layui 文章标签： Layui

本文链接：https://blog.youkuaiyun.com/cainiaodeluser/article/details/101025771

Layui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了两种从HTML表单中获取数据的方法。第一种方法使用data.field直接获取，简洁高效。第二种方法通过逐个字段绑定到JSON对象，确保前后端字段对应，适用于复杂表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取form表单中提交的数据

第一种

var data = data.field;

优点:简洁,方便。

第二种

//单字段分别绑定
var json = {
            id: $("#id").val(),  //主键id
            uploadType:$("#uploadType").val(),
            name:$("#name").val(),
            state:$("#state select").val(),
            classify:$("#classify select").val(),
            fileType:$("#fileType select").val(),
            type2:$("#type2 select").val(),
            courseTypeId: $("#courseTypeId").val(),
            picture: $("#picture").val(),
            price: $("#price").val(),
            title: $("#title").val(),
            lectuer: $("#lectuer").val(),
            lectuerIntroduction: $("#lectuerIntroduction").val(),
            courseHighlights: text1,
            news: $("#news").val(),
            catalog: $("#catalog").val(),
            purchaseInstructions: $("#purchaseInstructions").val(),

        };

优点：能够在页面确保各字段与后端接收数据类中字段对应。