有了这个 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：

<?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();

    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 响应。<?phprequire 'scripts/db.php';$moduleID = $_POST['moduleID'];if(isset($_POST['moduleID'])){$stmt = $conn->prepare ("SELECT * FROM `module` WHERE moduleID = ?");&nbsp; &nbsp;&nbsp;$stmt->bind_param("i", $moduleID);$stmt->execute();$result = $stmt->get_result();$output = [];while($row = $result -> fetch_assoc()) {&nbsp; &nbsp; $output["result"] = $row['moduleID'].' '.$row['moduleName'];&nbsp; &nbsp; $output["content"] = $row["content"];&nbsp; &nbsp; }echo json_encode($output);}&nbsp;?></div>使用 jquery，您可以从响应中填充不同的 divfunction getModuleData(moduleID){&nbsp; &nbsp; console.log(moduleID);&nbsp; &nbsp; $.ajax({&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; url: "moduleTestingAJAX.php",&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; method: "post",&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; data: {moduleID:moduleID},&nbsp; &nbsp; &nbsp; &nbsp; success: function(data){&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#result').html(data.result);&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#content').html(data.content);&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp;&nbsp;&nbsp; &nbsp; });&nbsp;&nbsp;}