Ajax调用不会更新链接html和类

Question

我的仪表板上有几个带信息和面板的面板。管理。所以，我正在重写整个代码，使其更加异步，以便使用Ajax调用。我有几个带.is-ajax类的按钮。所以当我点击它时，JQuery会发送一个对所需端点的请求。

这是HTML

<a class="button is-danger is-outlined is-fullwidth update-all is-ajax" data-endpoint="update/all" data-params="">
                    <span class="icon"><i class="fa fa-arrow-up"></i></span> <span>Actualizar todo</span>
                </a>

这是JS

$('.is-ajax').click(function () {
    $(this).addClass("is-loading");
    $.get("ajax/" + $(this).data("endpoint") + "?params=" + $(this).data("params"), function (data) {
        $(this).removeClass("is-loading");
        $(this).html(data);
    });
});

为什么响应不会修改而是按钮？