如何解决如何更新 mongodb 中集合的特定记录的字段?
在我的节点应用程序中,我有一个 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;
用于特定迭代的行,目前它总是更新页面上的第一条记录。我怎样才能做到这一点?
解决方法
您基本上需要将 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 和提升概念的信息。这可能会为您解决问题:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。