2019-01-16 jquery ajax提交表单， html 提交表单不跳转页面

$("#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) {
            });