【前台 submit的重复提交 错误】submit的重复提交

简介: 错误表现: 会表现出来:ajax执行成功但是时而会进回调函数,时而不会进入回调函数。   分析原因: 页面的表达提交使用submit,然后又对这个提交按钮绑定一个点击事件,使用ajax来和后台进行交互,这个时候如果不return false;会导致ajax提交一次,submit提交一次,...

错误表现:

会表现出来:ajax执行成功但是时而会进回调函数,时而不会进入回调函数。

 

分析原因:

页面的表达提交使用submit,然后又对这个提交按钮绑定一个点击事件,使用ajax来和后台进行交互,这个时候如果不return false;会导致ajax提交一次,submit提交一次,这样的错误不容易找出来

 

解决方法:

在ajax类的方法执行完了之后,需要return false;

例子:

 1 $("#pAdd").click(function(){
 2             var productName = $("input[name='productName']").val();
 3             var productCre = $("textarea[name='productCre']").val();
 4             
 5             if(productName !="" ){
 6                 $.ajax({url:"productAdd.htmls",
 7                         data:{
 8                             "productName" : productName,
 9                             "productCre" : productCre
10                         },
11                         success:function(data){
12                             if(data.length > 0){
13                                 
14                                 $('.table-sort', parent.document).DataTable({
15                                     data:data
16                                 });
17                             }
18                             // var index = parent.layer.getFrameIndex(window.name); 可以用这个获取当前要关闭的layer ,也可以使用parent.indexProductAdd 获取在父层定义的那个layer。open()的弹窗
19                             parent.layer.close(parent.indexProductAdd); //获取到layer的弹出窗 关闭它  
20                 }});
21                 
22             }
23             return false;//页面的表达提交使用submit,然后又对这个提交按钮绑定一个点击事件,使用ajax来和后台进行交互,这个时候如果不return  false;会导致ajax提交一次,submit提交一次,这样的错误不容易找出来,会表现出来:ajax执行成功但是时而会进回调函数,时而不会进入回调函数,
24         });
View Code

 

相关文章
|
5月前
|
JSON JavaScript 前端开发
form表单提交方式
form表单提交方式
|
5月前
|
小程序 前端开发 JavaScript
小程序提交form表单
微信小程序提交form表单内容
54 0
|
10月前
|
JavaScript
form表单提交后,页面弹出成功或者失败的信息
form表单提交后,页面弹出成功或者失败的信息
114 0
|
设计模式 JavaScript 数据库
表单防止重复提交的四种方式
表单防止重复提交的四种方式
187 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
520 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
前端开发 安全 JavaScript
form表单提交的submit和ajax区别
有关同源策略和跨域,可以参考 跨域的那些事儿
436 0
|
JavaScript 前端开发
自动提交表单的实现方法
可以解决采集需要自动提交的问题!   方法一:   Untitled Document (1)自动提交表单:    setTimeout("document.form1.submit()",10000)                      10秒后提交。
2333 0
|
存储 前端开发 安全
最简单的6种防止数据重复提交的方法!(干货)上
最简单的6种防止数据重复提交的方法!(干货)
781 0
最简单的6种防止数据重复提交的方法!(干货)上
|
存储 SQL 算法
最简单的6种防止数据重复提交的方法!(干货)下
最简单的6种防止数据重复提交的方法!(干货)
305 1
|
数据安全/隐私保护
LoginForm表单的执行过程
读取这篇文章,您将了解到 提前熟悉几个基础点 LoginForm表单的执行过程 首先我们看表单模型 声明验证规则 填充模型 触发验证 默认的用户密码加密 用户验证中使用Salt 数据验证 调试Yii 参考 提前熟悉几个基础点 attributeLabels()  返回一个属性名字和属性标签的映射。
1483 0