1

このエコーコードの行を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>
4

2 に答える 2

0

<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>
于 2012-09-11T06:13:36.913 に答える
0

のようなもの（追加されたものに注意してください<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>

私が信じているように動作するはずです、それを試していませんでした。

于 2012-09-11T06:01:56.897 に答える