Получить несколько данных PHP через JSON AJAX с тем же именем

Question

Я работаю над поиском в реальном времени, и мне нужно перенести данные php в ajax, используя json, но проблема в том, что я не могу передать массив, содержащий 2 или более одинаковых значения, это код php:

<?php
    class search{
        public function gettingvalues($search_value){
            require_once('db_conx.php');
            $dir = "http://localhost/usersimage/";
            $sql = "SELECT name,img,username FROM users WHERE username like '$search_value%' || name like '$search_value%'";
            $query = mysqli_query($conx,$sql);
            if ($query) {
                if (mysqli_num_rows($query) > 0) {
                    while ($row = mysqli_fetch_array($query)) {
                        $img = $row['img'];
                        $name = $row['name'];
                        $username = $row['username'];
                        $json = array('img' => $img, 'name' => $name, 'username' => $username);
                        echo json_encode($json);
                    }
                }
            }
        }
    }
?>

А это индексный код:

<?php

    if (isset($_POST['data'])) {
        require('search.php');
        $search = new search;
        $search->gettingvalues($_POST['data']);
        header('Content-Type: application/json; charset=utf-8');
        die();
    }
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('input').keyup(function(){
            var value= $('input').val();
            $.ajax({
                type: "POST",
                url: "",
                data: {data: value},
                datatype: "json",
                success: function(json_data){
                    $('#feedback').html(json_data.name);
                }
            });
        });
    });
</script>
<input type="text" name="search" placeholder="looking for?">
<div id="feedback"></div>

Итак, если мой массив содержит 2 или более одинаковых имен, ajax не получит никаких данных обратно, я надеюсь, что у кого-то есть ответ.

Answer 1

Вы должны создать массив со всеми результатами в функции поиска, а затем в результатах цикла ответа ajax получить все имена и распечатать его через запятую.

Функция поиска

<?php
    class search{
        public function gettingvalues($search_value){
            require_once('db_conx.php');
            $dir = "http://localhost/usersimage/";
            $sql = "SELECT name,img,username FROM users WHERE username like '$search_value%' || name like '$search_value%'";
            $query = mysqli_query($conx,$sql);
            $results = []; //<!---
            if ($query) {
                if (mysqli_num_rows($query) > 0) {
                    while ($row = mysqli_fetch_array($query)) {
                        $img = $row['img'];
                        $name = $row['name'];
                        $username = $row['username'];
                        $json = array('img' => $img, 'name' => $name, 'username' => $username);
                        $results[] = $json;  //<!---
                    }
                }
            }
            echo json_encode($results); //<!---
        }
    }
?>

Ajax

<script type="text/javascript">
    $(document).ready(function(){
        $('input').keyup(function(){
            var value= $('input').val();
            $.ajax({
                type: "POST",
                url: "",
                data: {data: value},
                datatype: "json",
                success: function(json_data) {
                  var names = [];
                  $.each(json_data, function(index, element) {
                    names.push(element.name)
                  })
                  $('#feedback').html(names.join(','));
                }
            });
        });
    });
</script>
<input type="text" name="search" placeholder="looking for?">
<div id="feedback"></div>

Answer 2

Измените это:

                while ($row = mysqli_fetch_array($query)) {
                    $img = $row['img'];
                    $name = $row['name'];
                    $username = $row['username'];
                    $json = array('img' => $img, 'name' => $name, 'username' => $username);
                    echo json_encode($json);
                }

На:

while ($row = mysqli_fetch_array($query)) {
    $img = $row['img'];
    $name = $row['name'];
    $username = $row['username'];
    $json[] = array('img' => $img, 'name' => $name, 'username' => $username);
}
echo json_encode($json);

Внутри вашего ответа для jQuery извлеките данные JSON, зациклив их.Убедитесь, что вы используете var obj = jQuery.parseJSON (json_data);перед циклом