javascript - 即时搜索仅返回一项

Question

我目前正在为我的学校构建一个图书馆网站，但在让页面上的搜索栏返回多个结果时遇到问题。这是代码:

PHP:

  <?php
    error_reporting(E_ALL);
    $cont = mysqli_connect('host','username','password', 'db') or die(mysqli_connect_error());
    $output='';
    if(isset($_POST['searchVal'])){
      $searchkey= $_POST['searchVal'];
      $searchkey=preg_replace("#[^0-9a-z]#i", "", $searchkey);

    $query = mysqli_query($cont, "SELECT * FROM books WHERE Title LIKE 
     '%$searchkey%' OR Author LIKE '%$searchkey%' OR ISBN_Other_code_no LIKE 
     '%$searchkey%' ") or die('couldnotconnnect');
    $count = mysqli_num_rows($query);

    if($count == 0){
        $output="There was no search result!";
    }else{
        while($row=mysqli_fetch_array($query)){
              $fname = $row['Title'];
              $lname = $row['Author'];
              $pname = $row['ISBN_Other_code_no'];

            $output = "$fname  $lname  $pname </br>";

        };
    };
    };

    echo ($output);
    ?>

JS:

function searchq(){
        var searchTxt = $("input[name='search']").val();

        $.post("search.php", {searchVal: searchTxt}, function(output){
            $("#output").html(output);
        });
};

上面的代码只在我的 HTML 中发布一个结果，而实际上应该有 10 个或更多结果。任何人都可以看到代码中可能存在的错误，阻止它循环遍历 SQL 表中的所有语句吗？或者我必须在 PHP 中编写一个循环吗？

感谢您的帮助!

Answer 1

将其他问题放在一边，很明显您正在覆盖 $output 而不是附加到它。尝试:

$output .= "$fname  $lname  $pname </br>";

注意:当我在手机上缓慢而笨拙地打字时，Qirel 发布了同样的建议。请随意将其作为答案发布。