568数据 568数据


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

网络编程 将form表单通过ajax实现无刷新提交的简单实例 06-22

实例如下:

//将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实现无刷新提交的简单实例全部内容了,希望大家多多支持积木网~

jquery 动态增加删除行的简单实例(推荐)
最近写程序,碰巧有动态增加删除行,下面就记录一下html就不写了,也没有什么,直接上核心了新增行functionaddRow(obj){//获得table一共有多少行,方便追

jquery自定义表单验证插件
本文实例为大家分享了jquery表单验证插件,供大家参考,具体内容如下//正则表达式varmap=newMap();map.put("*",/[wW]+/);map.put("*6-16",/^[wW]{6,16}$/);map.put("n",/^d+

jQuery给指定的table动态添加删除行的操作方法
最近写程序,碰巧有动态增加删除行的,下面就记录一下。$("#mytabletr").find("td:nth-child(1)")1表示获取每行的第一列$("#mytabletr").find("td:nth-child(3)")3表示获取


编辑:568数据

标签:实例,表单,动态,转换为,插件