Question

我有两个类似的ajax函数：

  $("body").on("click", ".follow", function() {
    var followingId = $(this).data("following");
    var followData = {"following_id" : followingId}
    $(this).addClass('disabled');
    $.ajax({
      url: "/users/follow/",
      type: "POST",
      data: followData,
      dataType: 'json',
      context: this,
      error: function () {},
      success : function (response) {
    $(this).addClass('unfollow');
    $(this).attr('data-unfollow', response.row_id);
    $(this).removeClass('follow');
      }
    });
  });

  $("body").on("click", ".unfollow", function() {
    var unfollowId = $(this).data("unfollow");
    var unfollowData = {"row_id" : unfollowId};
    $(this).addClass('disabled');
    $.ajax({
      url: "/users/unfollow/",
      type: "POST",
      data: unfollowData,
      context: this,
      error: function () {},
      success : function () {
        $(this).removeClass('disabled');
        $(this).addClass('follow');
        $(this).removeClass('unfollow');
      }
    });
  });

当我“跟随”某个用户时，我将“row_id”（假设为row_id n°1）作为响应并将其设置为unfollow-data。如果我“取消关注”用户，则row_id n°1（如果已发送）。这很正常。

如果我再次尝试关注，我会得到一个新的row_id（比如说行n°2）作为回应。这也很正常。但如果我想再次取消关注，则会发送row_id n°1！我想我应该更新

var unfollowId = $(this).data("unfollow");

（在html中，值已更改为row_id n°2），但是当我发布row_id时发送n°1。

我能做到吗？

非常感谢！

Answer 1

在第一个函数中，更改此：

$(this).attr('data-unfollow', response.row_id);

到此：

$(this).data('unfollow', response.row_id);

仅供参考，你可以使用jQuery链接这样的序列：

$(this).removeClass('disabled');
$(this).addClass('follow');
$(this).removeClass('unfollow');

可以像这样更有效地完成：

$(this).removeClass('disabled').addClass('follow').removeClass('unfollow');

或者，如果你喜欢它们分开的话：

$(this).removeClass('disabled')
    .addClass('follow')
    .removeClass('unfollow');

ajax调用后重置变量？

1 个答案: