php - 如何基于来自mysql w的ajax，jquery调用将不同的信息传递到单独的div中？

Question

基本上，我试图将多个列从 mysql 数据库传递到多个单独的 div。下面是我正在使用的 ajax 代码，我不确定这是否是唯一需要的信息，所以如果您需要更多信息，请随时告诉我。我得到它来拉其他列，但是当调用 Jquery/ajax 组合时，它会将所有信息拉到所有 div 中。

我在控制台日志下方添加了其他 ID，但最终它只是将其添加到与上述相同的 div 中。对此的任何帮助将不胜感激!与此同时，我也会继续寻找答案。

在这里输入验证码

//jquery
             var ID=$(this).val();
            if  (ID){
                //ajax call
                $.ajax({
                    type:'POST',
                    url:'GetAllData.php',
                    data: 'Fullname='+ID,
                    success: function(html)
                    {
                        console.log(html)
                        $('#ID').html(html);
                    },
                });
            }else{
                $('#ID').html('<value="">ID NOT LOADED</select>');
            }
        });

PHP

    $Fullname=$_POST['Fullname'];

    if(!empty($_POST['Fullname']))


     {

   $query=$conn->query("SELECT Supervisor, Fullname, ID, BalancedScore, 
   IncentiveMonth FROM SomeTable WHERE ID= '".$Fullname."'order by Fullname 
   ASC");

    $rowCount=$query->num_rows;

if($rowCount>0)
{
    while($row = mysqli_fetch_array($query))
    {


   $a = array ("ID[]" => $row['ID'], "BalancedScore[0]" => 
   $row['BalancedScore'], "Fullname[1]" => $row['Fullname']);
            print_r(array_values($a));

    }


}else{

    echo '<option value=""> Agent Value Not Available </option>';



    }
}

HTML

  <select name="agent" id="agent">
  <option value="">Select Agent</option>
  </select>

           </div>

           <div class="ID_Container">

           <div name="ID" id="ID" >

           ID

    </div>
    </div>

           <div name="BalancedScore" id="BalancedScore" >

           Balanced Score

    </div>

Answer 1

我真的想通了。我用我的 php 代码制作了一个数组并对其进行了编码。

$output = array ("IEX_ID" => $row['IEX_ID'], "BalancedScore" => 
$row['BalancedScore'], "Fullname[2]" => $row['Fullname']);

echo json_encode($output);

然后我改变了我的 ajax 到下面的代码，最后它将我的数组添加到它们各自的 div 中。如果将来有人需要帮助，我会使用此链接来帮助我。 Assigning AJAX response for two separate DIV tags

            $(document).on('change', "#agent", function(event) { 

        //jquery
         var IEX_ID=$(this).val();

        if  (IEX_ID){
            //ajax call
            $.ajax({

                type:'POST',
                url:'GetAllData.php',
                cache:false,
                data: 'Fullname='+IEX_ID,
                success: function(data){


                    var obj = JSON.parse(data);
                    alert(obj);

                    $('#IEX_ID').html(obj.IEX_ID);
                    $('#BalancedScore').html(obj.BalancedScore);