有了这个 AJAX 请求，就可以将数据发布到不同的 id

Question

我目前有一个 AJAX 请求，它将数据库中的数据发布到<div>id 的标签中result。在我的 PHP 查询中，我*从我的 db 表中返回数据module，然后将特定值返回到<div>id 为result. 但是，有什么方法可以从我的 PHP 语句中发布其他数据并在我的 html 中填写各种 id？例如，带有 id 的 idresult显示模块 ID 和名称，但是我还希望有另一个带有 id 标签的content并从我的数据库返回内容数据，然后发送到该 idcontent是否可以用不同的数据填充不同的具有相同的 AJAX 请求？模块.php<div>    <h1>Welcome to this module</h1>        <div id="result">         <!-- This is where I currently return the ID and the module name -->        </div>        <div id="content">        <!-- This is where I would like to return other data via the AJAX -->        </div></div>模块测试AJAX.php：<?phprequire 'scripts/db.php';$moduleID = $_POST['moduleID'];if(isset($_POST['moduleID'])){    $stmt = $conn->prepare ("SELECT * FROM `module` WHERE moduleID = ?");        $stmt->bind_param("i", $moduleID);    $stmt->execute();    $result = $stmt->get_result();    while($row = $result -> fetch_assoc()) {        echo $row['moduleID'].' '.$row['moduleName'];        }    }     ?>    </div>脚本.js：function getModuleData(moduleID){    console.log(moduleID);    $.ajax({          url: "moduleTestingAJAX.php",          method: "post",           data: {moduleID:moduleID},        success: function(data){                $('#result').html(data);            }      });    console.log('test');}使用 Nabil 的答案后的屏幕截图，您可以看到返回的数据在一行中，而内容数据应返回到下面的行： 输出

Answer 1

当需要填充数据时，将键作为 div id 和值发送回 json 响应。

<?php

require 'scripts/db.php';

$moduleID = $_POST['moduleID'];

if(isset($_POST['moduleID']))

{

$stmt = $conn->prepare ("SELECT * FROM `module` WHERE moduleID = ?");    

$stmt->bind_param("i", $moduleID);

$stmt->execute();

$result = $stmt->get_result();

$output = [];

while($row = $result -> fetch_assoc()) {

    $output["result"] = $row['moduleID'].' '.$row['moduleName'];

    $output["content"] = $row["content"];

    }

echo json_encode($output);

}

 ?>

</div>

使用 jquery，您可以从响应中填充不同的 div

function getModuleData(moduleID){

    console.log(moduleID);

    $.ajax({  

        url: "moduleTestingAJAX.php",  

        method: "post",   

        data: {moduleID:moduleID},

        success: function(data){  

              $('#result').html(data.result);    

              $('#content').html(data.content);    

        }  

    });  

}