Javascript 如何通过html标记显示多行变量

我有3个页面，一个html、javascript和php文件。当在html页面中按下一个按钮时，php页面将在数据库中搜索以按钮名称为键的行，并返回许多行。我想在html页面中显示所有这些行，但当我发回数据时，它不会显示出来。这是我的三页代码

Html页面

<button name = 'science'>      Science</button>
<button name = 'engineering'>  Engineering</button>
<button name = 'math'>         Math</button>
<button name = 'law'>          Law</button>
<button name = 'arts'>         Arts</button>
<button name = 'business'>     Business</button>
<button name = 'fiction'>      Fiction</button>
<button name = 'selfhelp'>     Self Help</button>
<button name = 'labequipment'> Lab Equipment</button>

<p id = 'feedback'></p>

<script type ="text/javascript" src ="jquery.js"></script>
<script type ="text/javascript" src ="catselect.js"></script>

php页面

if(isset($_GET['input'])){
    $catt = $_GET['input'];

        $info = "SELECT * FROM books WHERE (Category = '$catt')";

        while(mysqli_query($conn,$info)){
            $information = mysqli_query($conn,$info);
            $intel = mysqli_fetch_assoc($information);  

            echo $intel['Title'];
            echo nl2br("\n");
            echo $intel['Course'];
        }
}

我想用id=“display”在php页面的标记中显示许多行，包括“title”列和“course”列。关于如何修改代码来实现这一点，有什么想法吗？

$（“：button”）

应该是

$（“button”）

您可以使用php echo html表，但我建议使用json或angularjs

---

id不应该经常更改，

id=“display”最好使用class=“display”

而不是您可以使用@Yanjun Lin建议使用html表格的简单方法 在您的php上： 如果（isset（$\u GET['input']））{ $catt=$_GET['input']

        $info = "SELECT * FROM books WHERE (Category = '$catt')";
        $html='';
        while(mysqli_query($conn,$info)){
            $information = mysqli_query($conn,$info);
            $intel = mysqli_fetch_assoc($information);  
            $html=$html.'<tr>';
            //echo $intel['Title'];
            //echo nl2br("\n");
            //echo $intel['Course'];

            $html=$html.'<td>'.$intel['Title'].'</td>';
            $html=$html.'<td>'.$intel['Course'].'</td>';
            $html=$html.'</tr>';
        }
       echo $html;

在html上（将

标记更改为

标记）：

科学
工程类
数学
法律
艺术类
生意
小说
自助
实验室设备

我没有对你的PHP进行测试，但希望它能工作……它也会在JavaScript和HTML中看起来像这样。也要考虑使用JSON作为适当的标准，比如闫俊霖如何建议

        $info = "SELECT * FROM books WHERE (Category = '$catt')";
        $html='';
        while(mysqli_query($conn,$info)){
            $information = mysqli_query($conn,$info);
            $intel = mysqli_fetch_assoc($information);  
            $html=$html.'<tr>';
            //echo $intel['Title'];
            //echo nl2br("\n");
            //echo $intel['Course'];

            $html=$html.'<td>'.$intel['Title'].'</td>';
            $html=$html.'<td>'.$intel['Course'].'</td>';
            $html=$html.'</tr>';
        }
       echo $html;

$("button").click(function(){
var cat = $(this).attr("name");

$.get("trier.php",{input: cat}, function(data){
    $("#feedback").html(data);
}); 

<button name = 'science'>      Science</button>
    <button name = 'engineering'>  Engineering</button>
    <button name = 'math'>         Math</button>
    <button name = 'law'>          Law</button>
    <button name = 'arts'>         Arts</button>
    <button name = 'business'>     Business</button>
    <button name = 'fiction'>      Fiction</button>
    <button name = 'selfhelp'>     Self Help</button>
    <button name = 'labequipment'> Lab Equipment</button>

<table id = 'feedback'></table>

<script type ="text/javascript" src ="jquery.js"></script>
<script type ="text/javascript" src ="catselect.js"></script>