javascript - 使用 Ajax 和 Jquery 发送数据

Question

编辑并修复 - 问题已解决

上下文:我正在尝试创建一个页面，在该页面上单击图像会更改用户在服务器上的首选项。尝试使用 ajax 发送信息而不刷新页面，并使用 Jquery 触发帖子。

问题:似乎没有发布任何内容。 ajax 似乎没有将数据发布到 data.php 文件。

预期操作:单击图像时，父级的 ID 会发布在该用户的游戏列中。

header.php

<script type="text/javascript">
  $(document).ready(function(){
    $(".pickteam").click(function() {
        var game = $(this).parent().attr('data-id');
     $.ajax
        ({ 
            url: 'data.php',
            data: {game: game},
            type: 'post',
        });
    });
 });
</script>

index.php

<div class="col-md-3 team1 otherteam" data-id="m004">
    <button class="pickteam">
        <img src="http://img.fifa.com/images/flags/4/bra.png" alt="Brazil">
    </button>
    <span class="country">BRAZIL</span>
</div>

data.php

$game = $_POST['game'];

mysqli_query($con, "INSERT INTO choices (user, game) VALUES ('12345', '$game')");

提前感谢所有帮助。

Answer 1

我猜你没有得到正确的数据 ID，因为你的 jQuery 代码应该是 var game = $(this).parent().attr('data-id'); , 所以把它们放在一起:

<script type="text/javascript">
    $(".pickteam").click(function() {
        var game = $(this).parent().attr('data-id');
     $.ajax
        ({ 
            url: 'data.php',
            data: {game: game},
            type: 'post'
        });
    });
</script>