javascript - jQuery PHP Mysql jSon 循环显示数据

Question

我有使用 jSon 的 jQuery Ajax Autosuggest。

现在我在显示数据时遇到了问题。使用 PHP(循环数据)从 mysql 数据中获取数据，但是当获取结果时，它总是显示 1 行。

这是我的js代码:

$.ajax(
{
    type: "GET",
    data: post_string,
    dataType: "json",
    cache: false,
    url: 'search.php',
    success: function(data)
    {
        full_name = data[0].full_name;
        username = data[0].username;

        $("#divResult").show();
        $(".display_box").html(username);
    }
});

和 search.php

$getSearchWord = mysqli_real_escape_string($con, $_GET['searchword']);
$json = array();

$searchQuery = mysqli_query($con, "SELECT * FROM tb_users WHERE username LIKE '%$getSearchWord%' OR full_name LIKE '%$getSearchWord%' LIMIT 5");
while($searchFetchData = mysqli_fetch_array($searchQuery))
        {
$json[] = array(   
            'username' => $searchFetchData['username'],
            'full_name' => $searchFetchData['full_name']
            );
}

echo json_encode($json);

和要显示的html div

<div id="divResult">
    <div class="display_box"></div>
</div>

Answer 1

JSON

要清除该字段，请在 Ajax 请求之前调用它:

$("#divResul").hide(200);
$(".display_box").html('');

您可以尝试运行所有返回的数组，然后再将其放入您的 .display_box。获取从 search.php 返回的数组长度，然后循环运行它。

success: function(data){

    $("#divResult").show(200);

    var n = data.length;

    for(var x = 0; x < n; x++){

        $(".display_box").append(data[x].full_name);
        $(".display_box").append(data[x].username);

    }

}

---

没有杰森

OR 不使用 json。从你的 search.php:

$table = '<table>';

$getSearchWord = mysqli_real_escape_string($con, $_GET['searchword']);
$json = array();

$searchQuery = mysqli_query($con, "SELECT * FROM tb_users WHERE username LIKE '%$getSearchWord%' OR full_name LIKE '%$getSearchWord%' LIMIT 5");
while($searchFetchData = mysqli_fetch_array($searchQuery))

    $table .= '<tr>
                   <td>'.$searchFetchData['username'].'</td>
                   <td>'.$searchFetchData['full_name'].'</td>
               </tr>';
}

$table .= '</table>';

echo $table; /* RETURN THIS TO YOUR AJAX REQUEST */

然后根据您的 Ajax 请求:

$.ajax(
{
    type: "GET",
    data: post_string,
    url: 'search.php',
    success: function(data)
    {
        $("#divResult").show(200);
        $(".display_box").html(data);
    }
});