如何切换从AJAX获取的数据？

Question

我有这段代码，我试图在其中单击单击产品编号来显示和隐藏数据，并且正在通过AJAX从数据库中获取数据。我希望数据显示在所需行的下方。我想将数据放入tbody中，并在单击其产品编号时显示它。

if (mysqli_num_rows($result) > 0)
{

    while($row = mysqli_fetch_assoc($result))
    {
        ?>
        <tr><td  align="center"><?php  echo $row['FONumber']; ?></td></tr>
        <tbody id='sd'<?php echo $p; $p++; ?>></tbody>
    <?php }
}

JavaScript和AJAX：

$(function(){
    $('#hover1').on({
        mouseenter:function(){$(this).css("background","grey")},
        mouseleave:function(){$(this).css("background","white")}},'tr');

});

// number of tds
var c = $('#hover1').find('td').length;

var id = document.getElementById("hover1");

for(var i = 0; i < c; i++){

    id.rows[i].onclick=(function(){
        var a = $(this).find('td:eq(0)').text();
        $.ajax({
            url: 'printpo1.php',
            type: 'post',
            data: {fo:a},
            success: function(data){
                $('#name').html(data);
            }
        });
        $('#sd'+i).toggle();
        alert('#sd'+i);
    });  
}

到目前为止，我试图获取的数据显示在第一行的tbody中。任何帮助将不胜感激。