美文网首页
2019-01-16 jquery ajax提交表单, html

2019-01-16 jquery ajax提交表单, html

作者: 多吃水果少吃肉 | 来源:发表于2019-01-16 13:29 被阅读0次
    $("#submit_remarks").on('click', function () {
        $(".send_number_modal").removeAttr("disabled");
        $.post('/seller_remark/', data=$('#seller_remarks_form').serialize(), function (result) {
        });
        $('#modal-remarks').modal('hide');
        $(".send_number_modal").attr("disabled",true);
    });
    

    使用 data=$('#seller_remarks_form').serialize() 来提取表单数据,遇到disabled的数据不能被提交,使用$(".send_number_modal").removeAttr("disabled") 移除属性之后再提交.提交完成如有必要再添加属性即可.这种方法也可以做到提交的时候不跳转界面,而不是跟 post 表单时候一样会跳转到下一个页面.

    或者使用 ajax.form 提交表单:

            /**
            @功能:向一个Url提交一个表单
            @async:是否以异步的方式提交
            @formId:当前表单id
            @url:需要处理的表单Id
            @beforeSubmitCallBack :提交之前处理的函数
            @successCallBack:提交成功后的处理函数
            @errorCallBack:发生错误后的处理函数
            */
            asSubmitFormAsync: function (async, formId, url, beforeSubmitCallBack, successCallBack, errorCallBack) {
                var options = {
                    type: "post",
                    cache: false,
                    url: url,
                    async: async,
                    beforeSubmit: beforeSubmitCallBack,
                    success: successCallBack,
                    error: errorCallBack
                };
                $("#" + formId).ajaxSubmit(options);
            }
    

    使用:

                $.asSubmitFormAsync(false, "FORM_ID", sUrl, function () {
                    //这里可以验证表单是否合法
                }, function (data) {
                });
    

    相关文章

      网友评论

          本文标题:2019-01-16 jquery ajax提交表单, html

          本文链接:https://www.haomeiwen.com/subject/akcmdqtx.html