按钮的Ajax请求时一次点击两次提交的解决方法
2016-09-25 11:14
651 查看
页面中的按钮的type是submit的: <input type="submit" value="Create" id="submit" />
ajax的请求,在JQuery中是:
$(function () { $('#submit').click(function () { var createGenreForm = $('#createGenreForm'); if (createGenreForm.valid()) { var obj = { Name: $('#Name').val(), Description: $('#Description').val() }; var jsonSerialized = JSON.stringify(obj); $.ajax({ type: "POST", url: createGenreForm.attr('action'), dataType: "json", contentType: "application/json; charset=utf-8", data: jsonSerialized, success: function (result) { alert(result.Message); }, error: function (error) { alert("There was an error posting the data to the server: " + error.responseText); } }); } }); });
发生两次提交的原因是在执行完ajax请求后,并没有阻止submit的行为,所以解决方法有两种:
1、不使用type为submit类型的按钮,而是使用type是button的按钮。
2、在$('#submit').click函数中,最后加一行return false;,即可阻止submit。
一点说明:为什么在标题中要嵌入英文?原因是为了能够让国外的网友能查询到这篇文章。平常在Google上查资料的时候,经常参考国外网友的博客,帮助我解决了很多问题,所以我也想让他们能够参考我写的内容。当然文中我不可能全部译为英文,所以我尽量把代码粘全,靠代码说话吧。
以上所述是小编给大家介绍的按钮的Ajax请求时一次点击两次提交的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 给button绑定click事件时,出现ajax请求时,一次点击两次提交的问题解决
- 按钮的ajax请求时,一次点击两次提交的问题
- 按钮的ajax请求时,一次点击两次提交的问题
- 点击按钮一次,请求两次问题解决
- ajax请求时,一次点击两次提交的问题
- 表单提交时要点击两次按钮(Validform验证)才能成功的解决方法
- Struts2 请求一次Action,却执行两次方法的解决
- jquery click点击一次执行两次解决方法
- iOS解决按钮短时间内多次点击只触发一次事件方法(开始写博客)
- 点击提交按钮触发ajax请求时,做到处理完前一个请求后再处理第二个请求
- 怎么解决重复提交的问题,即网络不好的时候,提交按钮点了一次,但是却发起了多次http url请求,数据库中写入了多条重复记录(当然ID是不重复的,因为毕竟是多条http url记录)
- 关于表单提交按钮多次点击多次触发的解决方法
- html 解决表单提交时调用jquery ajax出现执行了请求,但进入了error方法里面
- 解决ajax提交form,点击保存按钮和点击回车效果不同的问题
- php ajax提交post请求出现数组被截断情况的解决方法
- iOS解决按钮短时间内多次点击只触发一次事件方法
- ie发送ajax请求返回上一次结果的解决方法
- iOS解决按钮短时间内多次点击只触发一次事件方法
- [置顶] jQuery发送ajax请求,一次点击重复提交
- 动态创建添加按钮后,解决开始需要点击两次才能触发,之后点击一次就可以了