在ajax提交(或数据提交)jquery上显示消息

发布于 2024-10-10 13:12:26 字数 1442 浏览 0 评论 0原文

我的页面中有一个 jquery 脚本,如下所示;

$(function() {
    $('.action_button').click(function() {
        var $button = $(this);
        $.ajax({
            type: 'POST',
            url: 'action.php',
            data: 'id='+ $(this).attr('id'),
            cache: false,
            success: function(result) {
                var $row = $button.closest('tr');
                var $col = $row.find('.clickme2');
                $row.fadeOut('fast', function() {
                    if (result == 'ACTIVATED') {
                      $("#msgbox3").fadeTo(200,0.1,function()
            {
              $(this).html('ACTIVATED').addClass('messageboxerror').fadeTo(900,1);
            });
                        $button.text('Inactivate');
                        $col.text('Active');
                    } else if (result == 'INACTIVATED') {
                      $("#msgbox3").fadeTo(200,0.1,function()
            {
              $(this).html('INACTIVATED').addClass('messageboxerror').fadeTo(900,1);
            });
                        $button.text('Activate');
                        $col.text('Inactive');
                    }
                }).fadeIn();
            }
        });
        return false;
    });
});

这会在页面上的跨度 中显示消息“ACTIVATED”或“INACTIVATED”。但我想在同一个跨度内,在 ajax/数据提交时显示一条消息“正在处理”。我怎样才能做到这一点?

提前致谢..:)

Blaserafred

I have a jquery script in my page as below;

$(function() {
    $('.action_button').click(function() {
        var $button = $(this);
        $.ajax({
            type: 'POST',
            url: 'action.php',
            data: 'id='+ $(this).attr('id'),
            cache: false,
            success: function(result) {
                var $row = $button.closest('tr');
                var $col = $row.find('.clickme2');
                $row.fadeOut('fast', function() {
                    if (result == 'ACTIVATED') {
                      $("#msgbox3").fadeTo(200,0.1,function()
            {
              $(this).html('ACTIVATED').addClass('messageboxerror').fadeTo(900,1);
            });
                        $button.text('Inactivate');
                        $col.text('Active');
                    } else if (result == 'INACTIVATED') {
                      $("#msgbox3").fadeTo(200,0.1,function()
            {
              $(this).html('INACTIVATED').addClass('messageboxerror').fadeTo(900,1);
            });
                        $button.text('Activate');
                        $col.text('Inactive');
                    }
                }).fadeIn();
            }
        });
        return false;
    });
});

this displays a message "ACTIVATED" or "INACTIVATED" on page in a span <span id="msgbox3" style="display:none"></span> . But i want to display a message "Processing" at the time of ajax / data submission, in that same span.. How can i make this possible??

Thanks in advance.. :)

blasteralfred

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

故事和酒 2024-10-17 13:12:26

Ajax 调用是异步的。在之前或之后进行

$.ajax({});

The Ajax call is asynchronous. Do it before or after

$.ajax({});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文