layui抓取表单数据


当前第2页 返回上一页

2、js 事件监听

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

// 保存

form.on('submit(btnSave)', function (data) {

    console.info('开始保存');

  

    // * 按钮禁用

    var isDisabled = $("#btnSave").hasClass('layui-btn-disabled');

    if (isDisabled) {

        return false;

    }

  

    // * 整合表单数据

    var formData = data.field;

    $.extend(formData, { Id: $("#hiddenId").val() });

    console.info(formData);

  

    // * 确定路径

    var url = "";

    if (editMode == "add") {

        url = urlEnum.Add;

    } else if (editMode == "update") {

        url = urlEnum.Update;

    } else {

        alert('编辑模型不确定, add / update');

        return;

    }

  

    // * 发起请求

    $.ajax({

        data: formData,

        type: "POST",

        dataType: "JSON",

        url: url,

        beforeSend: function () {

            // 禁用

            $("#btnSave").addClass('layui-btn-disabled');

        },

        complete: function () {

            // 启用

            $("#btnSave").removeClass('layui-btn-disabled');

        },

        success: function (result) {

            console.info("保存数据成功,返回的数据为:↓ ");

            console.info(result);

  

            if (result.Status) {                           

                // 刷新列表

                parent.$("#mainGrid").bootstrapTable("selectPage", 1);

  

                // 确保在最后关闭窗体

                parent.layer.close(parent.layer.getFrameIndex(window.name));

            } else {

                // 提示失败

                layer.alert(result.StatusMessage, { title: '提示信息', icon: 5 });

            }

        }

    }); // end ajax

  

    return false;

});

更多layui相关知识请关注layui框架。

以上就是layui抓取表单数据的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui laypage组件常见用法总结

layui框架属于前端还是后端

怎么设置layui默认的表格宽度

改造传统jquery扩展为layui模块方法介绍

layui支持es5写法的方法介绍

layui时间控件清空之后无法正常使用的问题

layui中table的sort排序介绍

什么是layui

layui框架的flow组件常见用法总结

layui组件有哪些

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...