时间戳

首页 > 解决方案 > 通过json ajax获取多个php数据同名

php - 通过json ajax获取多个php数据同名

问题描述

我正在进行实时搜索，我需要使用 json 将 php 数据传输到 ajax，但问题是我无法传递包含 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 不会得到任何数据，我希望有人能回答。

标签： phpjsonajax

解决方案

您应该在搜索函数中创建包含所有结果的数组，然后在 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); //<!---
        }
    }
?>

阿贾克斯

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

推荐阅读