簡體   English   中英

PHP將數據發送回AJAX

[英]PHP Send data back to AJAX

我正在嘗試使用ajax和php從數據庫中獲取數據,但是每當嘗試獲取它時,ajax都會出現錯誤。 這是我的代碼:

的HTML

這是我請求php文件的代碼。

<body>
    <div id="wrapper">
        <h2>Coffe Shop</h2>
        <p class="bold">Drink orders:</p>

        <ul class="orders">
        </ul>

        <p class="bold">Add an order:</p>
        <p>Drink: <input type="text" id="name"/><input type="submit" id="submit"/></p>

        <button id="refresh">CLICK ME</button>
    </div>

    <script>
        $(function (){
            $("#refresh").on("click", function() {
               $.ajax({
                type: "GET",
                url: "data.php",
                dataType: "json",
                success: function(names){
                    $.each(names, function(name){
                        alert(name);
                    });
                },
                error: function(){
                    alert("error");
                }
           });
        }); 
            });

    </script>
</body>

的PHP

這是我的PHP文件

<?php

$conn = mysqli_connect("localhost:8080", "root", "", "test1")
    or die("Error with connection");


$sql = "SELECT ime FROM users;";

$result = mysqli_query($conn, $sql);

$row = mysqli_fetch_array($result);
$names = array();

while($row){
    $name = array(
        "name"=> $row['ime']
    );

$names[] = $name;
}

echo json_encode($names);

您的PHP中有一個無限循環。 您只是獲取一行,然后在同一行上循環。 由於您永遠不會在循環中更改$row ,因此它永遠不會結束。 它應該是:

while ($row = mysqli_fetch_assoc($result)) {
    $name = array('name' => $row['ime']);
    $names[] = $name;
}

解決此問題后,您將發送的JSON將如下所示:

[{"name": "Some name"}, {"name": "Another name"}, {"name": "Fred"}]

在您的Javascript中,您沒有訪問name屬性。 更改

alert(name);

至:

alert(name.name);

或者,您可以更改PHP,以便僅發送字符串數組而不是對象:

while ($row = mysqli_fetch_assoc($result)) {
    $names[] = $row['ime'];
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM