layui点击编辑后不需要刷新

最新推荐文章于 2024-04-12 11:04:13 发布

书山有路_邓

最新推荐文章于 2024-04-12 11:04:13 发布

阅读量461

点赞数 1

文章标签： layui javascript ajax

本文链接：https://blog.csdn.net/weixin_41497075/article/details/119927906

版权

本文介绍了如何在JavaScript中优化表单提交流程，通过覆盖原有方法，使用AJAX进行异步数据提交，并详细展示了URL路径构建和错误处理的改进。着重讲解了使用okUtils库进行POST请求，以及成功和失败回调的实现。

摘要由CSDN通过智能技术生成

1.覆盖调方法
2.直接改之前的方法

form.on("submit(sub)", function (data) {
            var url_path = '/' + $(this).data('module') + '/' + $(this).data('controller') + '/save'
            console.log('=======================================')
            console.log('=======================================')
            console.log(url_path)
            console.log('=======================================')
            console.log('=======================================')
            okUtils.ajax(url_path, "post", data.field, true).done(function (response) {
                okLayer.greenTickMsg(response.msg, function () {
                    parent.layer.close(parent.layer.getFrameIndex(window.name));
                    //parent.location.reload();
                    parent.layui.table.reload("tableId");
                });
            }).fail(function (error) {
                console.log(error)
            });
            return false;
        });