jquery - rails : how to update a has_many :through relation via jQuery?

Question

抱歉，如果这是一个新手问题，但我刚刚开始使用 Rails 和 jQuery。我有以下情况:

我有 3 个类(class):contacts , companies和contact_company_joins (ccj)。 对于我创建的所有三个类 models , controller和views 。显然，接触和 公司通过连接表 ccj 连接(使用 has_many :through )。

contacts <-> contact_company_joins <-> companies

在我的联系人的“显示” View 中，我想显示一个表格，其中列出了该联系人连接到的所有公司(以及有关公司本身的一些附加信息，例如电话号码)。在我的公司看来，我想做同样的事情，但这次是使用员工(联系人)的详细信息。 表的每一行末尾都有典型的“删除”链接，我现在已将其函数连接到我的一个 jQuery 函数:

$('.edit_contact_join_delete').livequery('click', function() {
    var $deleteButton = $(this);
    var answer = confirm("Sure?");
    var dataloc = "&_method=delete";
    if (answer) {
     $.ajax({
          type : "POST",
          url  : this.href,
          data : dataloc,
          success: function(result) {
          }
        });
    }
    return false;
  });

在两个 View (联系人和公司)中，删除操作会将我带到 ccj Controller 的销毁功能。 我现在想要做的是更新或重新呈现调用删除函数的单个站点(联系人或公司)的表，但仅限于表的一部分。我想我必须在上面的“成功”函数中实现它？但话又说回来，即使我从 ccj 的 Controller 返回一些东西(渲染的部分？)...对于联系人和公司 View 来说都是相同的，对吧？ 我如何确保在我的 Ajax 调用销毁 ccj 对象之后，我会为我的联系人 View 获得一个新的 DOM 对象(这将是一个新的公司表)，而且当我执行 Ajax 调用时也会获得一个新的联系人表我的公司观点？

希望这一切都有意义:-)

问候，

塞巴斯蒂安

Answer 1

您所需要的只是删除操作返回成功或失败(即使只是 true 或 false 即可)，然后您的 JavaScript 就可以处理任一响应。

如果失败，则返回一条消息，表示成功，并且关系被删除，您可以找到您单击的删除链接的 父级，并使该行淡出，最终将其从页面中删除。例如(假设您的 Controller 在删除成功时返回 true，否则返回 false):

$('.edit_contact_join_delete').livequery('click', function() {
    var $deleteButton = $(this);
    var answer = confirm("Sure?");
    var dataloc = "&_method=delete";
    if (answer) {
     $.ajax({
          type : "POST",
          url  : this.href,
          data : dataloc,
          success: function(result) {
            if (result) {
              // handle successful delete
              $deleteButton.parent('tr').fadeOut().remove()
            } else {
              // handle failed delete
              alert('Delete failed');
            }
          } 
        });
    }
    return false;   
  });