繁体   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