Javascript 尝试将ajax请求html添加到页面源

我正在使用ajax和PHP进行一个项目，我的问题是，当我使用ajax添加HTML标记时，它不会显示在页面源代码中，并且阻止我再次请求删除此标记，这是使我的删除重定向到同一页面的唯一方法

这是我的标记代码：

<div class="card">

    <div class="card-content">
        <form>
            <div class="input-field">
              <textarea id="textarea1" class="materialize-textarea"></textarea>
              <label for="textarea1">Type something here</label>
            </div>
        </form>
    </div>
    <div class="card-action">
        <button id="submit" class="btn waves-effect waves-light" type="submit" disabled>Submit</button>
    </div>
</div>
<div id="cards--wrapper">
<?php  
    $query = "SELECT * FROM messages ORDER BY id DESC";

    $retrieve_posts_query = mysqli_query($connection, $query);

    while($row = mysqli_fetch_assoc($retrieve_posts_query)){
        $content_id = $row['id'];
        $post_content = $row['posts'];
        $post_date = $row['date'];
        $post_date = strtotime($post_date);
        $post_date = date('j F, Y', $post_date);



?>
    <div class="card" data-id = "<?php echo $content_id; ?>">
    <a class="btn-large waves-effect waves-light red right delete">+</a>
        <div class="card-content">
            <?php echo $post_content; ?>
            <span> <?php echo $post_date; ?> </span>
        </div>
    </div>
    <?php } ?>
</div>

---

您确定

server.php

正在返回某些内容吗？使用开发人员工具查看它返回了什么。server.php用于插入和选择数据库中的数据我不知道这是什么意思。我没问它是干什么用的，我让你检查一下它是否真的返回了一些东西。进入开发者工具，进入网络，然后进行AJAX调用。然后，您可以查看响应。它将数据插入数据库如果它将数据插入数据库，为什么要尝试将结果插入HTML？它会返回什么样的结果？

window.onload = function(){

    $('#textarea1').keyup(function(){
        var messageInput = $(this).val();
        if( messageInput !== '' ){
            $('#submit').attr('disabled', false);
        }else {
            $('#submit').attr('disabled', true);
        }
    });

    $('#submit').on('click', function(){
        retrieveData();
        return false;
    });

    function retrieveData(){
        var messageInput = $('#textarea1').val();
        $.ajax({
            url: 'server.php',
            type: 'POST',
            data: {
                message : messageInput
            },
            success: function(data) {
                $('#cards--wrapper').prepend(data);
                $('#textarea1').val('');
                $('#submit').attr('disabled', true);
                window.location.href = 'index.php';
            }
        });
    }

    $('.delete').on('click', function(e){
        e.preventDefault();
        var that = $(this);
        var cardID = that.parent().data('id');
        var el = that.parent();
        $.ajax({
            url: 'delete.php?delete='+ cardID +'',
            type: 'GET',
            success: function(){
                el.remove();
            }
        });

    });
}