我有一个将数据发送到数据库的表单,并且我想让用户在数据正保存在数据库中的同时再次按发送按钮。
可以运行我的代码,但是没有此功能:
$(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;
});
这样对吗?
希望这项工作!
$('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;
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句