jquery 在 AJAX 响应中自动添加按钮属性

ar7v8xwq  于 2022-12-22  发布在  jQuery
关注(0)|答案(2)|浏览(147)
    • data-orignal-text**在ajax中自动添加成功,下面是我之前的代码
<button type="submit" disabled class="btn btn-primary btn-lg btn-block loader" id="idBtn">Verify</button>
$(document).on("submit", "#formVerify", function (e) {
        e.preventDefault(); // avoid to execute the actual submit of the form.
        var form = $(this);
        BtnLoading();
        $.ajax({
            method: 'POST',
            url: form.action,
            data: form.serialize(),
            success: function (response)
            {
                if (response.status == 1) {
                    if(response.user_role == 1) {
                        window.location.href = globalSiteUrl + "/admin/dashboard";
                    }else if(response.user_role == 3){
                        window.location.href = globalSiteUrl + "/admin/user_match";
                    }else{
                        window.location.href = globalSiteUrl + "/admin/dashboard";
                    }
                } else {
                    $('#idAlertErrorMsg').show()
                    $('#idScriptErrorMsg').html(response.message)
                    alert_message_fadeout();
                }
                BtnReset();

            }
        });
        return false;
    });

此后响应输出为

<button type="submit" class="btn btn-primary btn-lg btn-block loader" id="idBtn" data-orignal-text="Verify">Verify</button>

我想在ajax成功后删除按钮中的数据源文本。

olmpazwi

olmpazwi1#

到页面上的多个问题:

var button = document.querySelectorAll('[data-orignal-text="Verify"]');
 button.forEach(element => {
  element.removeAttribute('data-orignal-text');
 })

仅针对一个按钮问题:

var button = document.querySelector('[data-orignal-text="Verify"]');
element.removeAttribute('data-orignal-text');
ipakzgxi

ipakzgxi2#

我检查了你的代码, AJAX 成功或拒绝中的按钮没有data-orignal-text属性,你能解释一下吗?因为它在ajax成功后重定向到URL或显示弹出消息。
但如果您想从按钮中删除该属性,只需编写下面提到的JQuery代码:

$('button').removeAttribute('data-orignal-text');

相关问题