javascript - 按钮已实现功能但是需要刷新之后才能显示点击后的效果 该怎么修改？

问题描述

问 题

        $("#tableData").on("click", ".recall", function() {
            var newsId = $(this).parent().data("news_id");
            $.ajax({
                type: "post",
                data: {newsId: newsId},
                url: contextPath + "/news/recall",
                success: function(result) {

// console.log(result);

                },
                error: function() {
                }
            });
        });
        

现在按钮操作已实现但是需要刷新之后才能显示点击后的效果 该怎么修改？

解决方案

楼主的意思是删除功能吧？点击删除后需要手动刷新？可以让其自动刷新：

success:function(result){
    window.location.reload();
}

也可以移除整行：

$("#tableData").on("click", ".recall", function() {
    var newsId = $(this).parent().data("news_id");
    //我不确定当前所在行是否是tr，就假设是tr吧
    var $tr = $(this).parents('tr');
    $.ajax({
        type: "post",
        data: {newsId: newsId},
        url: contextPath + "/news/recall",
        success: function(result) {
            //成功后直接移除当前行
            $tr.remove();
        },
        error: function() {
        }
    });
});

这篇关于javascript - 按钮已实现功能但是需要刷新之后才能显示点击后的效果 该怎么修改？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！