php - 如何使用 PHP 和 Jquery ajax 从 foreach 循环语句中检索这种类型的代码行？

Question

如何将这行回显代码从我的 php 文件中检索到我的 jquery 中，并且我期望值行。

我的 php 文件

foreach($stmt as $warrior){
            echo '<td>'.$warrior['warrior_id'].'</td><td>'.$warrior['warrior_name'].'</td><td>'.$warrior['warrior_type'].'</td>';
        }

我的js脚本

<script>
    function createWarrior() {
        $.post( "create_warrior.php", { 
        "wname": $("#txtWname").val(),
        "wtype": $("#txtWtype").val()           
        }, 
        function(msg){
            //What should I put here
        });
        return false;
    }
</script>

我的html代码

<table>
        <tr>
            <th colspan="3">Warrior</th>
        </tr>
        <tr>
            <th>Warrior ID</th>
            <th>Warrior Name</th>
            <th>Warrior Type</th>
        </tr>
        <tr>
            //the output should be here
        </tr>

Answer 1

<tr>在开头和结尾添加标签

foreach($stmt as $warrior){
            echo '<tr><td>'.$warrior['warrior_id'].'</td><td>'.$warrior['warrior_name'].'</td><td>'.$warrior['warrior_type'].'</td></tr>';
        }

结果将是

<tr><td>warrior_id_1</td><td>warrior_name_1</td><td>warrior_type_1</td></tr>
<tr><td>warrior_id_2</td><td>warrior_name_2</td><td>warrior_type_2</td></tr>
....

这个答案你需要在 js 中获取并附加到 html：

<script>
  $.ajax({
    url: 'create_warrior.php',
    //Send data to php if you need. In php use $_POST['wname'] to read this data.
    data: {wname: $("#txtWname").val(),wtype: $("#txtWtype").val() },
    success: function(data) {
      $('#dataTable').append(data);
    }
  });

</script>

HTML

<table id = "dataTable">
        <tr>
            <th colspan="3">Warrior</th>
        </tr>
        <tr>
            <th>Warrior ID</th>
            <th>Warrior Name</th>
            <th>Warrior Type</th>
        </tr>
</table>

Answer 2

类似的东西（注意添加<tr></tr>）

foreach($stmt as $warrior){
    echo '<tr><td>'.$warrior['warrior_id'].'</td><td>'.$warrior['warrior_name'].'</td><td>'.$warrior['warrior_type'].'</td></tr>';
}

和

<script>
function createWarrior() {
    $.post( "create_warrior.php", { 
    "wname": $("#txtWname").val(),
    "wtype": $("#txtWtype").val()           
    }, 
    function(msg){
        $('#mytable').append(msg);
    });
    return false;
}
</script>

和

<table id="mytable">
    <tr>
        <th colspan="3">Warrior</th>
    </tr>
    <tr>
        <th>Warrior ID</th>
        <th>Warrior Name</th>
        <th>Warrior Type</th>
    </tr>
</table>

我相信应该可以工作，没有尝试过。