Question

所以，我正在创建一个类似于FML和其他网站的网站，人们可以发布内容，其他人可以喜欢/不喜欢和评论。

现在，我有它，所以当somoene点击“喜欢”时，它是一个调用“/ like /（post id）”的链接，它调用一个递增数据库的函数，然后重新加载页面。

我想找到一种方法来做到这一点，而不必这样做。一位朋友说要尝试ajax或javascript，但我完全没有受过教育。

有没有人有任何指示？

Answer 1

我不想完整地解释AJAX请求，但这应该指向正确的方向。而不是重新加载页面，有/喜欢/返回喜欢的数量。然后将数字放在可选元素中，例如

<a id="postid" href="#" onclick="like(this);return false;" class="likebtn">Like</a>
<span id="postid-likes">0</span>

然后制作javascript函数

<script>
function like(element) {
    xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById(element.id+"-likes").innerHTML=xmlhttp.responseText;
        }
    }
xmlhttp.open("GET","/like/"+element.id,true);
xmlhttp.send();
}
</script>

如何通过Javascript更新数据库，然后重新加载

1 个答案: