如何更新 mongodb 中集合的特定记录的字段？

Question

在我的节点应用程序中，我有一个 ejs 文件，我在其中将对象数组放入一个循环中，并且对于每条记录，我都有一个点赞按钮和一个显示点赞数，点击时点赞数应该增加一并且显示增加的值。

我已使用 ajax 请求来增加数据库中的点赞数并将该响应返回到客户端 javascript。 现在，通过使用 document.queryselector()，我把这个元素放在一个变量中并使用 innerText 属性来更新喜欢， 我面临的问题是它只更新第一条记录的值，即使点击另一条记录的按钮它总是只更新第一条记录。

这里是代码

 <% for(var i=start; i<=limit; i+=1) { %>
           
    <button onclick="like(this)" getpost="<%=posts[i].slug%>" ><li class="btns-blog"><i></i><span class="count" id="likecount" ><%=posts[i].likes%></span></li></button>
    
<% } %> 

这是我的 ajax 请求：

function like(e){
        
    if(currentUser){
        var curPostSlug = e.getAttribute('getpost');  
        httpRequest = new XMLHttpRequest();
        if (!httpRequest) {
          alert('Giving up :( Cannot create an XMLHTTP instance');
          return false;
        }
        httpRequest.onreadystatechange = likeRequest;
        httpRequest.open('GET', '/' + curPostSlug);        
        httpRequest.send();
      
      }
  }

  function likeRequest(){
      if (httpRequest.readyState === XMLHttpRequest.DONE) {
        if (httpRequest.status === 200) {
          var respJson = JSON.parse(httpRequest.responseText)
          console.log(respJson)
          document.querySelector('.count').innerText = respJson.updatedlikes;
        } else {
          alert('There was a problem with the request.');
        }
      }
    }

我想要这个

document.querySelector('.count').innerText = respJson.updatedlikes;

为特定迭代工作的行，目前它总是更新页面上的第一条记录。我怎样才能做到这一点？

Answer 1

您基本上需要将 var 更改为 let，因为 var 位于全局范围内，一旦循环完成，它的值将相同，这将等于 limit。而 let 是词法范围，它的值不是全局的，而是绑定到每次迭代。

<% for(let i=start; i<=limit; i+=1) { %>
           
    <button onclick="like(this)" getpost="<%=posts[i].slug%>" ><li class="btns-blog"><i></i><span class="count" id="likecount" ><%=posts[i].likes%></span></li></button>
    
<% } %> 

更多 google let vs var 和提升的概念。这可能会为你解决问题:)