jQuery基于Ajax方式提交表单功能示例

$("#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//禁止重置表单

      });

});

$("#maniForm").submit(function(envent)

{

  envent.preventDefault();

  varform = $(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);

    }

  });

});