对从多个 SQL 查询返回的 Ajax 数据执行某些操作

Posted 2023-05-08

【中文标题】对从多个 SQL 查询返回的 Ajax 数据执行某些操作

【英文标题】：Do something with returned Ajax data from multiple SQL queries

【发布时间】：2021-01-07 14:22:15

【问题描述】：

如果我使用以下方法使用 mysql 数据填充列表：

HTML

<ul id="first_column"></ul>
<br>
<ul id="second_column"></ul>

JQUERY/AJAX

$(document).ready(function()  
  $.ajax(
    url: "filename.php",
    success: 
    function(data)            
        $("#first_column").html(data);
    
  )
)

PHP

$conn = OpenCon();

$sql = "SELECT first_column FROM table";

$result = mysqli_query($conn, $sql);
if(mysqli_num_rows($result) > 0)

    while ($row = mysqli_fetch_assoc($result))         
        echo '<li>' .$row['first']. '</li>';
    

如何将第二个 SQL 查询 (SELECT second_column FROM table) 添加到 PHP 并从返回的 AJAX 数据中将其输出到 <ul id="second_column"></ul>？我想我必须使用数组和 json，但我很难弄清楚。

【参考方案1】：

更改您的 PHP 以回显 json 编码的字符串。

$conn = OpenCon();

$first_column = '';
$second_column = '';

$result = mysqli_query($conn, "SELECT first_column FROM table");
if(mysqli_num_rows($result) > 0)
    while ($row = mysqli_fetch_assoc($result))   

        //append to `$first_column` instead of echoing directly      
        $first_column .= '<li>' .$row['first']. '</li>';
    


//generate `$second_column` the same way as `$first_column`
$result = mysqli_query($conn, "SELECT second_column FROM table");
if(mysqli_num_rows($result) > 0)
    while ($row = mysqli_fetch_assoc($result))   

        //append to `$second_column`
        $first_column .= '<li>' .$row['second']. '</li>';
    


//send both `$first_column` and `$second_column` at the same time
echo json_encode(['first_column' => $first_column, 'second_column' => $second_column]);

然后，在您的 ajax 中，您可以选择您想要的任何列。

$(document).ready(function () 
    $.ajax(
        url: "filename.php",
        dataType: "json",
        success: function (data) 
            $("#first_column").html(data.first_column);
            $("#second_column").html(data.second_column);
        
    )
);

或者，您可以进行单独的 Ajax 调用。