javascript - 第 n 次点击后禁用 AJAX 按钮

Question

假设我有一个模型Post，它最多可以有n Comments(数量由后端控制)，并且我有一个允许通过 AJAX 请求添加 Comment 的 View 。在第 n 个请求时告诉 View 禁用添加评论表单的最佳方法是什么？

第 n 个请求成功，因此状态代码仍应为 200/201，但后端已经“知道”nth + 1 调用将使 Post 无效，因此我想以某种方式告诉 View ，以便它可以在用户在 nth + 1 提交时遇到(捕获的)错误之前采取行动。

现在，后端渲染 html，然后将其简单地附加到 DOM 中的 div，使用 JSON，我可能会添加一个附加字段，但随后会将模板再次移动到 View 。

如果有人有一个优雅的解决方案的想法？

Answer 1

尝试让您的服务器呈现评论计数和最大评论的 JavaScript 值。然后，您可以增加 success 函数中的计数值，也可以渲染 html 注释。

类似的东西

 var commentCount = *value from server*;
 var maxComments =*value from server*;

 $('#mybutton').click(function(){
     $.ajax({
             // your code here 
     })
    . success(function (response) {
             // process response
             commentCount ++;
             if( commentCount >= maxComments) 
                  $('#mybutton). prop('disabled', true);
     });