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

给定我有一个模型Post，它最多可以包含n个Comments（数字由后端控制），并且我有一个视图，该视图允许通过AJAX请求添加Comment。告诉第n个禁用添加注释表单的请求的最佳方法是什么？

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

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

如果有人有一个优雅的解决方案的主意？

最佳答案

尝试让您的服务器呈现javascript值，以获取评论数和最大评论数。然后，您可以在成功函数中增加计数值，也可以呈现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);
     });

关于javascript - 第n次单击后禁用AJAX按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29614094/