在使用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;
        });

这样对吗?

星球队长

希望这项工作!

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用Jquery和Ajax将Json数据发送到数据库中?

使用Cucumber将输出发送到数据库时,如何测试组件?

当sessiom超时到期时,将状态发送到数据库。ASP.Net和Jquery

如何通过单击按钮将DataGridView数据中的更改发送到数据库(访问)?

单击按钮时如何将多个复选框值发送到 Firebase 数据库 Android

如何在jQuery中以透明的方式将数据发送到数据库中的用户?

使用Jquery / ajax将数据发送到数据库

如何使用用户帐户从 Firebase 将数据发送到数据库?

如何使用vue.js(ajax)将数据发送到数据库

禁用分页器时如何防止将行计数发送到数据库

使用意图将字符串发送到数据库时遇到麻烦

将数据发送到 Firestore 数据库 | 活动 | 科特林

使用Update时如何不将Null发送到数据库

如何使用PHP将时间发送到MySql数据库?

如何使用php将邮件从数据库发送到多个电子邮件列表

如何使用 PHP 将 HTML 输入字段发送到我的 MySQLi 数据库?

单击按钮以使用 jQuery 将数据发送到服务器时网页消失

将XML数据发送到MySQL数据库

将textarea数据发送到数据库的麻烦

将json数据发送到mysql数据库?

将数据从表单发送到数据库

将数据从Android库发送到主项目活动

当您通过“res.render”将数据发送到 HTML 模板时,使用 Ajax 获取 Mongodb 数据库

当用户单击Android中的“后退”按钮时,如何将数据从活动发送到片段?

使用EtherCard.h库将arduino数据发送到我的数据库

将数据发送到Access数据库时出错

尝试将数据发送到数据库时出现Scrapy ItemLoader错误

单击通知时将数据发送到活动?

如何使用ajax将数据属性发送到laravel控制器(存储在数据库中)?