javascript - 如何使用 jquery ajax 方法将我的值从我的 php 表中放入 mysql

Question

<div id="kutu">
<?php
    echo "<table ' border='1' width='200px'>";
    echo "<tr>";
    echo "<th>#</th>";
    echo "<th>Oyuncu Adi</th>";
    echo "</tr>";
    for ($x = 1; $x <= $playernum; $x++) {
        echo "<tr>";
        echo "<td>$x </td>";
        echo "<td><input id='serdar' type='text' name='player$x'  > </td>";
        echo "</tr>";
    }
    echo "</table>";

?>
<p> <input type="submit" value="Kayit Et!"></p>

</div>

我从其他页面获取 $playernum。在这张表中，我将取玩家的名字，我想用 javascript ajax 方法把这些名字放到我的 mysql 数据库中。但我找不到路。

我的桌子看起来像：

标签： javascriptphpajax

Answer 1

我建议您将输入文本更改为与此相同的名称，而不是 player$x：

<form method="POST">
    <input type="text" name="player" /><br />
    <input type="text" name="player" /><br />
    <input type="text" name="player" /><br />
    <input type="text" name="player" />
    <p id="result"></p>
    <button id="btn">Get Player Names</button>
</form>

对于 JavaScript：

<script>
    $("form").submit(function(e) {
        e.preventDefault();

        players = document.getElementsByName("player");
        var result = [];

        for (var i = 0; i < players.length; i++) {
            result[i] = players[i].value;
        }

        $.post(
            'index.php', {
                data: result
            },
            function(msg) {
                document.getElementById("result").innerHTML = msg;
            }
        );
    });
</script>

我刚刚创建了一个空数组并将每个输入的值存储到其中。然后将该数组发送到 PHP 文件。

对于index.php文件：

$data = $_POST["data"];
echo "From PHP<br/>";

foreach ($data as $d){
    echo $d . "<br/>";
}

因此，您可以使用变量 $d 来访问各个玩家的姓名。

结果图片