layui form表达提交get改变post

       公司最近在做layui的ui框架,遇到添加信息的时候form表单一直以get方式提交,就是将参数拼接在url后面,一般的都没问题,但是如果遇到参数内容过多等就会遇到413代码问题。

       针对这个问题,layui默认form提交方式是get,即使改变源码也不管用。需要另外写post提交,ajax提交。

        上代码:

$("#personnelAdd").click(function () {
        layer.open({
            type: 1,
            title: "添加人才信息",
            skin: 'layui-layer-rim',
            area: ['600px', '630px'],
            content: '<div style="padding: 20px">\n' +
                '    <form class="layui-form" enctype="text/plain">\n' +
                 '        <div class="layui-form-item layui-form-text">\n' +
                '            <label class="layui-form-label">工作经验</label>\n' +
                '            <div class="layui-input-block">\n' +
                '                <textarea id="workExperience" placeholder="请输入内容" name="workExperience" class="layui-textarea"></textarea>\n' +
                '            </div>\n' +
                '        </div>\n' +
                 '        <div style="text-align: center">\n' +
                '            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="add_personnel">保存</button>\n' +       
                '         </div>\n' +
                '    </form>\n' +
                '</div>'
          });
    });
    //添加提交
    layui.form.on('submit(add_personnel)', function (data) {
        common.ajaxPost(layui.cache.host + '/personnel/info/save', data.field, function (res) { //ajax提交封装好的
            layer.alert(JSON.stringify(res));
             window.parent.location.reload();
        });
        layer.closeAll();
    })
})

ajax提交即使谢了post提交到最后也是get提交,所以要在layui.form.on中加上return false;

修改后ajax提交

    layui.form.on('submit(add_personnel)', function (data) {
        common.ajaxPost(layui.cache.host + '/personnel/info/save', data.field, function (res) { //ajax提交封装好的
            layer.alert(JSON.stringify(res));
             window.parent.location.reload();
        });
        layer.closeAll();
        return false;  //新增这句话才能正确的用post提交
    })
})

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值