使用submit异步提交，阻止表单默认提交

js方法：

function saveForm() { $.ajax({type: "POST",datatype: "json",url: cPath + "/system/appAuthUser/save.htm",timeout: 2000,async: false,data:$('#addForm').serialize(),// error: function(request) {alert("数据保存失败!");},success: function(res) {var data=eval("("+res+")");if(data.success){alert("数据保存成功!");refresh();}else{alert(data.message);}}});return false;s
}

不可使用如下js方法

submit，会被表单上的onSubmit="return false;"阻止

$('#saveButton').submit(function() {$.ajax({type: "POST",datatype: "json",url: cPath + "/system/appAuthUser/save.htm",timeout: 2000,async: false,data:$('#addForm').serialize(),// error: function(request) {alert("数据保存失败!");},success: function(res) {var data=eval("("+res+")");if(data.success){alert("数据保存成功!");refresh();return false;}else{alert(data.message);}}});return false;});

如果不使用onSubmit="return false;" 则会使表单先异步提交一次，再默认提交一次。还有一种解决方案是页面不要用submit，使用button ，这样也会只异步提交一次

转载于:https://www.cnblogs.com/winkey4986/p/4028137.html

使用submit异步提交，阻止表单默认提交相关推荐

jquery --- 阻止表单默认的提交行为,标准化表单的数据
表单如下: // .html <form id="topics_new_form" method="post" action="/topics/ ...
php中在使用js_提交的表单不为空_为什么显示等于,php编程，这段代码为什么不能阻止表单的提交！不管为不为空都跳转到1.php页面啦这是怎么回事？...
php编程,这段代码为什么不能阻止表单的提交!不管为不为空都跳转到1.php页面啦这是怎么回事? 关注:292 答案:5 mip版解决时间 2021-01-12 06:43 提问者夜落花台 ...
Validation阻止表单自动提交，使用Ajax提交表单（使用Validation的submitHandler方法）
在使用Validation时,我们有时候不希望验证成功后直接跳转页面(比如判断登录密码用户名正确与否),而希望自己使用Ajax提交,并且验证回调的结果. $('.login-form').valida ...
ajax异步请求——form表单提交及表单序列化提交
ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...
java订单重复提交_java表单重复提交常用解决办法
最近在看些基础的东西,顺便做下笔记.相信大家在平时网页使用中,经常会有按钮重复点击,然后点不动刷新,还有当网络延时比较厉害点了没反应在点击的重复提交.为了避免这种情况,总结了一下4点处理方案表单重复 ...
vue中阻止表单自动提交
有时候我们在用vue项目时,肯定会遇到这样的问题,业务中需要用到form,但是点击提交按钮会触发form的默认提交,如果用在form上绑定return false,需要单独写验证函数和接收到数据后对数 ...
微信小程序中picker提交form表单时提交的是下标怎么解决
相信大家都知道picker作为普通选择器时,提交表单的时候提交的是下标,那怎么解决呢? wxml代码 <view class="cell"><picker bin ...
java ajax提交form表单提交_form表单AJAX提交（四种方法）
一.AJAX的 form表单提交 1.第一种: 序列化提交$('#form').serialize() 前台: $.ajax({ url: "", type: "post ...
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
目录服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJA ...

使用submit异步提交，阻止表单默认提交

使用submit异步提交，阻止表单默认提交相关推荐

最新文章

热门文章