js ajax 表单异步提交

1. <form οnsubmit="return false" method='post'>

2. jquery获取表单元素值并转换为json

function serializeAryToJson (Arr) {var data = {};$(Arr).each(function () {//相同的数组的键会覆盖if (data[this.name] !== undefined) {if (!data[this.name].push) {data[this.name] = [data[this.name]];}data[this.name].push(this.value || '');} else {data[this.name] = this.value || '';}});return data;
};params = $("form").serializeArray();jsonParams = serializeAryToJson (params) ;//表单元素值
url = $("form").attr('action');
method =  $("form").attr('method');

3. ajax提交

$.ajax({url: url,data: jsonParams,type: method,dataType: "json",success: function (data) {},statusCode: {404: function () {MXHY.isSend = true;console.log('404');}},error: function (msg) {console.error(msg);}
});

js ajax 表单异步提交相关推荐

html5表单提交json数据库,使用html5的FormData对象,通过 Ajax表单异步提交文件数据...
每次在向服务器提交文件对象数据是,总是需要借助各种三方插件来实现表单异步提交功能,还要为不同的界面去定制不同的插件css,相当繁琐.XMLHttpRequest Level 2 添加了一个新的接口-- ...
【转】4.2使用jQuery.form插件，实现完美的表单异步提交
传送门:异步编程系列目录-- 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form. ...
js实现表单form提交前进行确认提示
在jquery中,可以使用confirm来弹出提示框,实现确认提交.下面小编举例讲解js实现表单form提交前进行确认提示. 工具/原料 js+html 代码编辑器:zend studio 10.0 ...
yii表单ajax验证,yii2 modal弹窗之ActiveForm ajax表单异步验证
前面我们讲述了yii2中如何使用modal以及yii2 gridview列表内更新操作如何使用modal的问题,本以为modal要告一段落可以开始新的话题了,但是实际问题往往超乎想像,这不modal弹 ...
yii2 modal弹窗之ActiveForm ajax表单异步验证
作者:白狼出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位 ...
js防止表单重复提交
在表单提交的时候,用户有时候会重复的点击提交按钮,会导致多次提交,产生重复数据.我们应该怎么办了?一般想法是:通过attachEvent在 form的onsubmit事件中写一个方法,每次触发该事件时 ...
html怎么防止表单重复提交,js防止表单重复提交的解决方法
防止表单重复提交,通常会通过attachEvent在 form的onsubmit事件中写一个方法,每次触发该事件时执行该方法,可以给form增加一个submited属性,每次判断这个属性,为 fals ...
js之表单序列化提交
jQuery 序列化表单数据 serialize() serializeArray() 1.serialize()方法格式:var data = $("form").seria ...
Jquery+php+ajax实现表单异步提交，动态添加回复评论
HTML代码: --------------------------------------------------------------------------- <!DOCTYPE htm ...
ext js ajax表单校验,Extjs之grid单元格编辑校验(示例代码)
效果如图所示: 1. 添加CSS样式 .x-grid-cell-invalid .x-grid-cell-inner:before{content: "";position: ab ...

js ajax 表单异步提交

js ajax 表单异步提交相关推荐

最新文章

热门文章