将form表单通过ajax实现无刷新提交的简单实例 - Web前端

实例如下：

//将FORM转换为Ajax提交
  function ajaxSubmit(url,frm,fn){
    var dataPara=getformjson(frm);
    $.ajax({
      url:url,
      type:"post",
      data:datapara,
      async:false,
      dataType:'txt',
      success:fn
    });
  }
  //将Form中的值转换为键值对
  function getFormJSON(frm){
    var o={};
    var a=$(frm).serializeArray();
    $.each(a,function(){
      if(o[this.name]!==undefined){
        if(!o[this.name].push){
          o[this.name]=[o[this.name]];
        }
        o[this.name].push(this.value || '');
      }else{
        o[this.name]=this.value || '';
      }
    });
    return o;
  }

/*
  //前台调用方式
  function autoSubmitFun(){
     ajaxSubmit("autoSumitScoreAJAX.action",$('#formId'),function(){});
  }
*/

以上就是小编为大家带来的将form表单通过ajax实现无刷新提交的简单实例全部内容了，希望大家多多支持脚本之家~

标签：表单实例简单Webajaxform