如何在使用jquery向数据库发送数据时取消激活的按钮
How to void that a button being active while send data to a database using jquery?
我有一个将数据发送到数据库的表单,我希望用户在将数据保存到数据库时再次按下发送按钮。
我的代码可以工作,但没有这个功能:
$(function(){
var $loading = $('.spinner').hide();
$(document)
.ajaxStart(function () {$loading.show();})
.ajaxStop(function () {$loading.hide();});
$('form.publn-nr-srch').submit(function(){
$.ajax({
url: '/publicationSearch/pubSearchScr.php',
type: 'POST',
data: $('form.publn-nr-srch').serialize(),
success: function(response) {
$('div.result').html(response);
}
});
return false;
});
});
然后我在其他人中尝试了这个:
$(function(){
var $loading = $('.spinner').hide();
var $button = $('.send-data').enable();
$(document)
.ajaxStart(function () {
$button.disable();
$loading.show();
})
.ajaxStop(function () {
$button.disable();
$loading.hide();
});
$('form.publn-nr-srch').submit(function(){
$.ajax({
url: '/publicationSearch/pubSearchScr.php',
type: 'POST',
data: $('form.publn-nr-srch').serialize(),
success: function(response) {
$('div.result').html(response);
}
});
return false;
});
});
但我所做的一切都没有奏效。如果你能帮我,我将不胜感激。
编辑
以下是基于@ahmed.hoban:答案的代码
$('form.publn-nr-srch').submit(function(){
$.ajax({
beforeSend: function(){
$button.prop("disabled",true);
},
complete: function() {
$button.prop("disabled",false);
},
url: '/publicationSearch/pubSearchScr.php',
type: 'POST',
data: $('form.publn-nr-srch').serialize(),
success: function(response) {
$('div.result').html(response);
}
});
return false;
});
对吗?
使用beforeSend尝试并将"prop"设置为禁用(jquery方式)
$.ajax({
beforeSend: function(){
$button.prop("disabled",true);
},
complete: function() {
$button.prop("disabled",false);
}
...
希望这项工作!
$('form.publn-nr-srch').submit(function(){
$('button').prop("disabled",true);
$.ajax({
url: '/publicationSearch/pubSearchScr.php',
type: 'POST',
data: $('form.publn-nr-srch').serialize(),
success: function(response) {
$('button').prop("disabled",false);
$('div.result').html(response);
}
});
return false;
});
相关文章:
- 使用 ng-change 对输入类型数据进行 JavaScript 取消事件
- 如何在使用jquery向数据库发送数据时取消激活的按钮
- 如何仅在数据更改时取消缓存数据
- 如何使用复选框jQuery取消选中并刷新数据
- Chrome扩展:从弹出窗口发送数据以取消链接JS文件
- 取消选择数据表中的所有选定行
- 如何一次只选择一个单选按钮,并在数据来自数据库时在javascript中取消选择其他单选按钮
- 如何恢复jQuery Choosen'取消选中所有选项时的数据占位符
- Kendo UI网格取消不会恢复原始数据
- 从文本字段获取数据,并确定是按了“是”还是按了“取消”
- Bootstrap-btn组,数据切换=“;按钮”:如何使用JS选择一个按钮并取消选择所有其他按钮
- Javascript,在确认窗口中按OK后清除表单.但如果取消确认,则保留表单数据
- 使用取消按钮恢复表单数据
- 显示隐藏数据加载和复选/取消单选按钮
- 如何不为取消选中的复选框的禁用文本区域发送数据
- 取消单击数据绑定
- 取消要提交的表单,不更改实体的数据
- 异步发布这些数据以及取消/排队新请求的正确方法是什么?
- 检查会话是否为空,取消设置,然后发送$_POST数据
- 当单击Primefaces数据表中的另一行时,不要取消选择行