Question

我有这个从PHP文件中获取json数组的ajax调用。我需要将数据放入#gamesList中的表中的行中。

我有追加我只是不知道如何通过返回的json数组并将它们放在追加

$("#ALL").click(function(){
        $.ajax({
            url: 'getGames.php',
            type:"POST",
            dataType:'json',
            data:({btn:'ALL' }),
            success:function(data){
                //get returned list of games
                //Loop through games
                //display games in table
                $( "#gamesList").append('<tr><td>name</td><td>M</td><td>(2)Entries</td><td>(5)max people</td><td>($100)Fee</td><td>Prizes</td><td>7:00PM(start)</td></tr>');
            }
        });

    }); //btn click

PHP文件它返回行

$res = mysqli_query($c,"SELECT * FROM games");
while($row = mysqli_fetch_array($res)) {
    $games[] = $row;
 }
   echo json_encode($games)

Answer 1

用html而不是JSON回显结果。查看以下编辑和评论

$("#ALL").click(function(){
    $.ajax({
        url: 'getGames.php',
        type:"POST",
        //changed from json to html
        dataType:'html',
        data:({btn:'ALL' }),
        success:function(data){
            //display games table echoed from php file inside div gametable
            $("#gamesList").html(data);
        }
    });

    //stop normal form submission
    return false;

    }); //btn click

对于php文件，你稍作修改并通过循环运行

$res = mysqli_query($c,"SELECT * FROM games");
while($row = mysqli_fetch_array($res)) {
//$games[] = $row;
}?>
<table>
<?php foreach ($res as $game){?>
<tr>
<td>
<?php echo $game['TABLE_COLUMN_NAME'];?>
<td>
</tr>
<?php } ?>
</table>

每个$游戏都是数据库表中的一行。此代码将回显出包含所有行的表，并将此php文件的内容转储到gamesList div。

希望这有帮助！

-Nick

在表中显示称为数据的ajax

1 个答案: