在使用jQuery将数据发送到数据库时，如何使按钮处于活动状态？

debugcn 发表于 Dev

来自阿根廷的阿罗西亚

我有一个将数据发送到数据库的表单，并且我想让用户在数据正保存在数据库中的同时再次按发送按钮。

可以运行我的代码，但是没有此功能：

    $(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] 删除。