<form id="addForm" onSubmit="return false;">

<input type="submit" value="保存"  onclick="saveForm()" style="margin-left:15px;">

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 ,这样也会只异步提交一次

使用submit异步提交,阻止表单默认提交的更多相关文章

  1. js阻止表单默认提交、刷新页面

    一.阻止刷新页面 在表单中的提交按钮<button></button>标签改为<input type="button">或者在<butto ...

  2. 获取form表单默认提交的返回值

    1.经常用form表单提交的小伙伴有没有发现,form表单默认的提交是没有返回值的,而且默认提交成功之后是跳转,跳转的action的路径,下面写一下默认的提交如何获取到form表单的返回值json,并 ...

  3. js阻止表单重复提交

    //校验表单的数据 function newFatherModuleVerify() { var moduelName = $('#fatherModule_moduelName').val(); a ...

  4. 通过Ajax提交form表单来提交上传文件

    Ajax 提交form方式可以将form表单序列化 然后将数据通过data提交至后台,例如: $.ajax({      url : "http://localhost:8080/" ...

  5. vue 阻止表单默认的提交事件

    form <form autocomplete="off" @submit.prevent="onSubmit"> <input type=& ...

  6. vue 阻止表单默认事件

    方式一: <form autocomplete="off" @submit.prevent="onSubmit"> <input type=& ...

  7. jquery提交form表单插件jquery.form.js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 解决表单(搜索框)回车的时候直接提交了表单不运行js的问题

    我想在搜索输入框中输入关键词后回车,先运行一段js,然后在提交表单,而默认情况下回车的时候也会出发表单的提交所有没法等js运行完成,故利用 onkeydown="if(event.keyCo ...

  9. 防止Web表单重复提交的方法总结

    在Web开发中,对于处理表单重复提交是经常要面对的事情.那么,存在哪些场景会导致表单重复提交呢?表单重复提交会带来什么问题?有哪些方法可以避免表单重复提交? 表单重复提交的场景 1.场景一:服务端未能 ...

随机推荐

  1. 【转】Android:最全面的 Webview 详解

    原文: https://blog.csdn.net/carson_ho/article/details/52693322 前言 现在很多App里都内置了Web网页(Hyprid App),比如说很多电 ...

  2. hdoj5645DZY Loves Balls

    Problem Description DZY loves playing balls. He has n balls in a big box. On each ball there is an i ...

  3. 理解JAVASCRIPT 中hasOwnProperty()和isPrototypeOf的作用

    hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象.不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员.格式如下: 1. 示例一: ...

  4. USD Series: Installation

    Today I would like to talk is Unified Service Desktop. It was published in Dynamics CRM 2013 Spring ...

  5. eclipse 发布签名APK图文讲解

    eclipse 发布 签名android 程序 1 在项目上右键 export 2 export android application 3 第一次发布 要创建一个新的keystore 4 填写key ...

  6. HDU 5361 In Touch (2015 多校6 1009 最短路 + 区间更新)

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=5361 题意:最短路.求源点到全部点的最短距离.但与普通最短路不同的是,给出的边是某点到区间[l,r]内随意 ...

  7. Python-字符编码详解

    1. 字符编码简介 1.1. ASCII ASCII(American Standard Code for Information Interchange),是一种单字节的编码.计算机世界里一开始只有 ...

  8. 【LeetCode】89. Gray Code (2 solutions)

    Gray Code The gray code is a binary numeral system where two successive values differ in only one bi ...

  9. tomcat设置jvm参数

    http://www.quiee.com.cn/archives/592/ Tomcat默认可以使用的内存为128MB,Windows下,在文件{tomcat_home}/bin/catalina.b ...

  10. mysql拼接字符串和过滤字符的方法

    数据 id                value 1        aa<p>QL实木颗粒</p> 2        bb<p>QL实木颗粒</p> ...