如何將數據添加到模態PHP，MySQL Ajax

Question

我寫了這段代碼：

<div class="container">
<div class="row">
    <div class="col-md-3">
        <div id="accordion" role="tablist" aria-multiselectable="true">
            <div class="card">
                <div class="card-header" role="tab" id="headingOne">
                    <h5 class="mb-0">
                        Message options
                    </h5>
                </div>

                <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
                    <div class="card-block">
                        <table class="table">
                            <tr>
                                <td>
                                    <a href="?messages=inbox"><i class="fa fa-inbox"></i> Inbox</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="?messages=read"><i class="fa fa-envelope"></i> Read</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="?messages=trash"><i class="fa fa-trash"></i> Trash</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-9">
        <div class="card">
            <div class="card-header">
                Messages
            </div>
            <div class="card-block">
                <table class="table mx-auto" id="table">
                    <thead>
                    <tr>
                        <th>Number</th>
                        <th>Subject</th>
                        <th>Time added</th>
                        <th>More</th>
                    </tr>
                    </thead>
            </div>
            <?php

            if((isset($_GET['messages']) && $_GET['messages'] == 'inbox') || !isset($_GET['messages'])) {
                $id = $_SESSION['id'];
                $messages = $database->getDataAsArray("SELECT * FROM messages WHERE userId = $id AND messageDeleted = 0");
            }
            elseif(isset($_GET['messages']) && $_GET['messages'] == 'read' ){
                $id = $_SESSION['id'];
                $messages = $database->getDataAsArray("SELECT * FROM messages WHERE userId = $id AND messageRead = 1");
            }
            elseif (isset($_GET['messages']) && $_GET['messages'] == 'trash'){
                $id = $_SESSION['id'];
                $messages = $database->getDataAsArray("SELECT * FROM messages WHERE userId = $id AND messageDeleted = 1");
            }
            if(!$messages){
                echo '<tr>

                              <td colspan="3" style="text-align: center">No new messages in the inbox</td>

                          </tr>';
            }
            elseif(!isset($_GET['messages']) || $_GET['messages'] == 'inbox'){
                foreach ($messages as $message){
                    $number = $message['id'];
                    $subject = $message['subject'];
                    $time_added = $message['time_added'];
                    if($message['messageRead'] == 0){
                        echo "<tr class='table-active'><td>$number</td><td>$subject</td><td>$time_added</td></tr>";
                    }
                    else{
                        echo "<tr><td>$number</td><td>$subject</td><td>$time_added</td><td><div class='dropdown'>
                                  <button class='btn btn-secondary btn-sm ' type='button' id='dropdownMenu2' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
                                        <i class='fa fa-ellipsis-v'></i>
                                  </button>
                                  <div class='dropdown-menu dropdown-menu-left' aria-labelledby='dropdownMenu2'>
                                    <a class='dropdown-item' href='#'>Preview</a> 
                                    <a class='dropdown-item' href='#'>Mark as read</a>
                                    <a class='dropdown-item' href='#'>Mark as unread</a>
                                  </div>
                              </div>
                          </td></tr>";
                    }
                }
            }
            else{
                foreach ($messages as $message){
                    $number = $message['id'];
                    $subject = $message['subject']; // needs to become subject new row in database
                    $time_added = $message['time_added'];
                    echo "<tr><td>$number</td><td>$subject</td><td>$time_added</td>

                          <td><div class='dropdown'>
                                  <button class='btn btn-secondary btn-sm ' type='button' id='dropdownMenu2' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
                                        <i class='fa fa-ellipsis-v'></i>
                                  </button>
                                  <div class='dropdown-menu dropdown-menu-left' aria-labelledby='dropdownMenu2'>

                                    <button class='dropdown-item' data-toggle='modal' data-number='$number' data-target='#exampleModalLong'>Preview</button> 
                                    <a class='dropdown-item' href='#'>Mark as read</a>
                                    <a class='dropdown-item' href='#'>Mark as unread</a>
                                  </div>
                              </div>
                          </td></tr>";
                }
            }
            ?>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
<script>
    $('#exampleModalLong').on('show.bs.modal', function(e) {
        var number = $(e.relatedTarget).data('number');
        $.ajax({
            type: 'POST',
            url: 'retrieveData.php',
            data: {
                'id': number
            },
            success: function(data){
                console.log(data);
            },
            error: function(error){
                alert(error);
            }
        });
    });
</script>

我想通過消息的ID檢索數據，並在單擊模式時顯示預覽。 但是以某種方式，當我單擊我的3點菜單（啟動模式）時，控制台將不會記錄來自retrieveData.php的數據

retrieveData.php

if(isset($_POST['id'])){
    $id = $_POST['id'];
    $data =  $database->getDataAsArray("SELECT * FROM messages WHERE id=$id");
    echo $data;
    return $data;
}

getDataAsArray函數（完全不安全，我知道我需要使用准備好的陳述）：

public function getDataAsArray($myQuery){
    $this->connection = mysqli_connect($this->host, $this->dbUsername, $this->dbPassword, 'portal');
    $query = mysqli_query($this->connection, $myQuery);
    $results = array();
    while($line = mysqli_fetch_array($query)){
        $results[] = $line;
    }
    return $results;
}

誰能幫我修復我的Ajax函數（我認為那里是錯誤），以便我可以在模態中顯示消息的數據嗎？

Answer 1

echo $data; $data是一個數組，如手冊所述，將僅輸出文本“ Array”：

數組總是轉換為字符串“ Array”； 因此，echo和print本身無法顯示數組的內容。

使用json_encode將數組格式化為JSON（JavaScript對象表示法）：

echo json_encode($data);

順便說一下，您可以擺脫return $data; 因為它什么也沒做（假設給定的代碼不在函數內，並且該文件不包含在include或require代碼中的其他任何位置）。