javascript - AJAX 页面重新加载

Question

我正在创建一个论坛，其中发布的用户可以选择删除自己的帖子。因此，我使用 ajax 发送 get 请求来删除特定帖子，并回显 null 来代替已删除的帖子。这里的问题是帖子被删除，但页面在删除后重新加载，这不应该发生，因为我正在使用 ajax 请求。有人可以帮忙吗？

<小时/>

显示帖子的 PHP 代码(仅一部分)

$sql = "SELECT * FROM classposts where branch='$branch' and joindate='$year' and class='$class'    order by".$orderby." desc";
$result = $connection->query($sql);
if(isset($_SESSION['username'])){
$username=$_SESSION['username'];
}

while($row = $result->fetch_assoc()) {
    echo "<span id='postspan".$row['id']."' name='postspan".$row['id']."' >";
    echo "<span id='editspan".$row['id']."' name='editspan".$row['id']."' >";
    echo "-----------------------------------</br>";
    echo "-----------------------------------</br>";

    echo "Posted By: ".$row['user']."&nbsp&nbsp&nbsp&nbsp";
    if($username==$row['user']){
        echo "<a href='classwall.php' onclick='deletepost(".$row['id'].")' >DELETE POST</a>&nbsp&nbsp&nbsp";

    }

忽略任何括号不匹配的情况，因为这只是代码的一部分。

<小时/>

点击删除链接后调用的javascript函数

function deletepost(postid){
    var r=confirm("Are you sure you want to delete the post?");
    if(r==true){
    var xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {

                document.getElementById("postspan"+postid).innerHTML=xmlhttp.responseText;

        }
    };
    xmlhttp.open("GET","deletepost.php?pid="+postid,true);
    xmlhttp.send();
    }else{}
}

<小时/>

删除post.php页面

$pid=$_GET['pid'];
$query="delete from dubiousposts where id='$pid'";
$sql=mysqli_query($connection,$query);
$query="delete from genuineposts where id='$pid'";
$sql=mysqli_query($connection,$query);

$query="delete from posts where id='$pid'";
$sql=mysqli_query($connection,$query);

if($result=mysqli_fetch_array($sql)){
echo "";
}

Answer 1

您已经提供了 calsswall.php 页面的 ahref 链接，这就是您转到其他页面的原因。

改变

echo "<a href='classwall.php' onclick='deletepost(".$row['id'].")' >DELETE POST</a>&nbsp&nbsp&nbsp";

至

echo "<a href='javascript:void(0);' onclick='deletepost(".$row['id'].")' >DELETE POST</a>&nbsp&nbsp&nbsp";