Question

关于ajax的成功，我必须隐藏一个类并显示不同的类。假设我有“foo”和“bar”两个类。现在当我的ajax返回成功时它有“foo”类，然后我想显示“bar”类。

$.ajax({
        type:'POST',
        url:"/test/",
        data:{"test_data": my_data},
        success:function(data) {

        },
        dataType:"json"
        // here I want to hide the "foo" class and show the "bar" class.
    });

实际上“foo”和“bar”是一类按钮。当我点击具有“foo”类的按钮时，它应该隐藏，并且应该显示具有“bar”类的按钮。反之亦然

Answer 1

$(".foo").hide();
$(".bar").show();

Answer 2

您没有提及要应用此元素的元素。无论如何，这会给你一个想法：

$.ajax({
    type:'POST',
    url:"/test/",
    data:{"test_data": my_data},
    success:function(data) {

    },
    dataType:"json"
    complete: function(xhr) {
       // if you want to switch classes on a specific element
       $('element_you_want_to_switch_classes').toggleClass('foo bar');

       // if you want to show/hide different elements
       $('.foo').hide();
       $('.bar').show();
    }
});

这将在ajax request完成后应用更改（无论是否失败）。如果您只想将更改应用于成功，只需将这些行打包到success handler。

Answer 3

将hide和show命令放在success函数中：

....
success:function(data) {
  $(".foo").hide();
  $(".bar").show();
}

如何显示隐藏一个类？

3 个答案: