layui提交自己组装的数据，而非默认的数据的解决办法。

最新推荐文章于 2024-09-30 15:42:36 发布

北门牧野

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量150

点赞数 1

分类专栏： js 文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/weixin_45828368/article/details/142591469

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

我在前端页面根据想要提交的数据，组装好了datas，但是点了提交之后页面直接刷新了，而且查看F12中网络列表下也找不到提交到的路径。

public function save(Request $request)
    {
        $data=$request->param();
        var_dump($data);die();//打印前端传过来的数据
        $save=new IssueModel();
        $ex=$save->save_issue($data);
        if ($ex){
            return json(['code'=>'0','msg'=>'success']);
        }

    }

/* 监听指定开关 */
        form.on('switch(component-form-switchTest)', function (data) {
            layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        /* 监听提交 */
        form.on('submit(component-form-demo1)', function (data) {
            // parent.layer.alert(JSON.stringify(data.field), {
            //     title: '最终的提交信息'
            //
            // })
            let project_civcode=data.field.modules;
            let department_id=data.field.parent;
            let description=editor.getHtml();
            let level=data.field.status;
            let pic=[];
            const divs=document.getElementsByClassName('image-container');
            //循环获取到的divs，进而取得div标签下的img下的src
            for (const div of divs){
                let img=div.children[0];
                let pics=img.getAttribute('src');
                pic.push(pics);
            }
            let datas={
                project_civcode,
                department_id,
                description,
                level,
                pic
            }
            console.log(datas)
            // 发起Ajax请求
            $.ajax({
                type: "POST",
                url: "/index/issue/save", // 这里的URL应该是你的后端接口地址
                data: datas,
                success: function(res) {
                    if (res.status) {
                        layer.msg(res.message, {icon: 1});
                        setTimeout(function() {
                            window.location.href = "/index/issue/list"; // 提交成功后跳转到列表页面
                        }, 1000);
                    } else {
                        layer.msg(res.message, {icon: 2});
                    }
                },
                error: function() {
                    layer.msg("网络错误", {icon: 2});
                }
            });
            return false;
        });

<!--提交问题-->
                <div class="layui-form-item layui-layout-admin"  style="align-items: center;display: flex;justify-content: center;">
<!--                    <div class="layui-input-block">-->
<!--                        <div class="layui-footer" style="left: 0;">-->
                            <button class="layui-btn" lay-submit="" lay-filter="component-form-demo1">提交</button>
<!--                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
<!--                        </div>-->
<!--                    </div>-->
                </div>

最终修改HTML中提交属性里的 lay-submit=“” 为 lay-submit
后端收到了前端提交的数据

array(6) { ["/index/issue/save"]=> string(0) "" ["project_civcode"]=> string(5) "FE242" ["department_id"]=> string(1) "4" ["description"]=> string(15) "

11111111
" ["level"]=> string(1) "0" ["pic"]=> array(2) { [0]=> string(35) "/uploads/20240927/66f6451d3a3ab.jpg" [1]=> string(35) "/uploads/20240927/66f6451d3b04d.png" } }

还是对前端框架不熟悉导致的。