AJAX 请求中的 Javascript

Question

我对 AJAX 功能有一个小问题：

1. PAGE A 代表页面。
2. PAGE X 代表加载的内容。
3. RES A 代表页面结果。
4. RES B 代表一些AJAX加载的内容 =>新的结果。

页面 A 包含 20 个结果，每个结果都可以删除，并通过 AJAX (页面 X) 加载新结果。

示例：

用户位于页面 A： --> A页加载js“点击”功能。 -->结果为 RES A (20x)。

当用户从 RES A (1x) 中删除结果时，AJAX 会加载新结果 RES B (1x)：

用户仍然在页面 A 上。 --> PAGE X加载了js“点击”功能。 -->结果是 RES B (1x)

为了向 RES B 添加点击功能，我必须重新加载一个更轻的 JS，但它会倍增 RES A 的功能。

因此，当用户从 RES A 中删除结果时（1x5 表示删除了 5 个结果）， RES B 结果乘以 5 倍（用户得到 5 倍相同结果，而不是 1 倍）。

你明白了吗？简而言之，AJAX 请求乘以 x RES B，而不是坚持 1 个请求。您知道如何保留我的 RES B 1x 吗？

谢谢！

Answer 1

我认为你每次“重新加载更轻的JS”时都会重新绑定点击事件。 JavaScript 不会取代事件函数——它们只是连接在一起。如果您使用 jQuery，请使用 live 添加点击事件。如果您不这样做 - 在重新加载之前清除当前的点击事件

Answer 2

似乎事件被附加多次。
使用 unbind().click() 或 unbind().bind('click') 或 die().live() 等等你在使用吗

Answer 3

您的解释确实很难理解，但如果我理解正确的话，您的问题在于您多次绑定同一元素。

您的情况最好的解决方案是使用 jQuery .delegate('#datatable a', 'click', function(e){ /* DO STUFF */}) ，它允许绑定所有选择器匹配元素一次（在这种情况下，例如，如果您有一个 id=datatable 的表，则其中的每个链接将始终绑定到该处理程序，即使您向表中添加更多 html 或删除一些 html）你不必担心稍后再谈。

但是，如果您不使用 jQuery，唯一的解决方案是在添加事件之前取消绑定事件（以删除已存在的绑定），然后再次绑定它们。

Answer 4

您需要做的是在加载结果时对其进行处理（1x）。一种简单的方法是在加载时将一个类添加到结果中，并在完成后将其删除。

例如

$('.newresult .clickbutton').ready(function(){
   // Do something
});

$('.newresult').removeClass('newresult');