1.页面引入jQuery文件，页面引入jQuery的表单插件jQuery.form.js

2.案例一（传带文件的表单又想走回调建议使用）：

注意：需要导入插件jQuery.form.js

<form id="mainForm" method="post" enctype="multipart/form-data" class="jsrz_main_information">  
      <input type="text" name="UserName" value="" />  
      <div class="jsrz_main_button">  
                <input type="submit" value="提交" id="agreementSub">  
        </div>  
</form>  

$("#agreementSub").on("click",function(){  
       $('#mainForm').ajaxSubmit(      //ajax方式提交表单  
            {  
                url: '/personal/kaike',  
                type: 'post',  
                dataType: 'json',  
                beforeSubmit: function () {},  
                success: function (data) {  
                    if (data.Res == "True" || data.Res == true) {  
                        $('.jsrz_main_check').html('您的申请已提交，我们将会在1-2个工作日内进行审核，请耐心等待!');  
                    } else {  
                        alert(data.Msg);  
                    }  
                },  
                clearForm: false,//禁止清楚表单  
                resetForm: false //禁止重置表单  
            });  
});  

2.案例二（普通表单又想走回调建议使用）：

注意：不需要导入插件

$("#maniForm").submit(function (envent)  
{  
    envent.preventDefault();  
      
    var form = $(this);  
    $.ajax({  
        url: form.attr("action"),  
        type: form.attr("mathod"),  
        data: form.serialize(),  
        dataType: "json",  
        beforeSend: function ()  
        {  
            $("#ajax-loader").show();  
        },  
        error: function ()  
        {  
  
        },  
        complete:function () {  
            $("#ajax-loader").hide();  
        },  
        success: function (data)  
        {  
            $("#article").html(data);  
        }  
    });  
});