Javascript 带有ajax的jQuery调用没有响应，没有错误

我对SQL生成的礼物列表有一个小问题。我的目标是将每一行作为一个带有文本框和按钮的表单进行回显，然后在单击任何按钮时，将文本框值和id号（隐藏字段值）传递给函数。然后这个函数将获取这些值，并使用ajaxget方法将它们发送到php，php将在SQL数据库中用给定者的名称更新一行。我无法在我的代码中找到错误，因此请在这方面帮助我

编辑：我也需要弄清楚，如何识别被点击的按钮

这将是我的脚本：

<script type="text/javascript">
        var aname = '';
        var tid = 0;
        $('.giftok').click(function()
        {
            if ($('.aname').val() === '')
            {
                alert('You have not provided your name.');
            }
            else
            {
                aname = $('.aname').val();
                tid = $('.id').val();

                $.ajax
                ({
                url: "kosarba.php",
                data: { ganame: aname, tid: gtid },
                type: "GET",
                context: document.body
                }).done(function() {
                    alert("OK, it works.");
                });

                alert('Thank you!');
            }
        });
    </script>

var aname=“”；
var-tid=0；
$（'.giftok'）。单击（函数（）
{
如果（$（'.aname'）.val（）=''）
{
警报（'您没有提供您的姓名'）；
}
其他的
{
aname=$（'.aname'）.val（）；
tid=$（'.id'）.val（）；
$.ajax
({
url:“kosarba.php”，
数据：{ganame:aname，tid:gtid}，
键入：“获取”，
上下文：document.body
}).done（函数（）{
警惕（“好的，它工作了。”）；
});
警惕（“谢谢！”）；
}
});

以下是我的HTML+PHP：

echo "<table id='giftlist' align='center' font-size='10pt'>";
while($sor=mysql_fetch_array($sordb))
    {
        echo "<tr>
                <td width='420px'>$sor[gname]</td>
                <td width='65px'>$sor[gprice] Ft</td>";
        if (strlen($sor[aname]) !== 0)
            {
                echo "<td width='200px'>Sorry, someone already bought this one for us.</td>";
            }
        else
            {
                echo "<td width='335px'><form id='rendelget'>Your name: <input type='textbox' id='aname' name='aname' value='$aname'/><input type='hidden' class='id' name='id' value='$sor[id]'/>&nbsp;<button type='button' id='$sor[id]' class='giftok' value='Megveszem'>Megveszem</button></form> </td>";
            }
        echo "</tr>";
    }
echo "</table>";

echo”“；
而（$sor=mysql\u fetch\u数组（$sordb））
{
回声“
$sor[gname]
$sor[gprice]Ft”；
if（strlen（$sor[aname]）！==0）
{
echo“对不起，有人已经给我们买了这个。”；
}
其他的
{
echo“你的名字：Megveszem”；
}
回声“；
}
回声“；

您弄错了

变量
名称
tid=$（'.id'）.val（）
tid
应该是
gtid

我想那应该是你的剧本

$(document).ready(function(){
    var aname = '';
    var tid = 0;
    $('.giftok').click(function()
    {
        if($(this).closest('form').attr('name') == 'myId'){ //or id
            if ($('.aname').val() === '')
            {
                alert('You have not provided your name.');
            }
            else
            {
                aname = $('.aname').val();
                gtid = $('.id').val();

                $.ajax
                ({
                    url: "kosarba.php",
                    data: { ganame: aname, tid: gtid },
                    type: "GET",
                    context: document.body
                })
                .error(function(){
                    alert('Ajax worked but error form server.');
                })
                .done(function() {
                    alert("OK, it works.");
                });

               alert('Thank you!');
            }
        }
    });
})

//更新：如果您识别了持有按钮git的表单，请在ajax调用中为表单输入一个名称或id，
数据：{ganame:aname，tid:gtid}

“tid”是post参数，而gtid是javascript变量。
您错误地使用了gtid而不是tid

使用：
数据：{ganame:aname，tid:tid}
查看控制台日志。没有错误或警告。日志是否显示任何活动？Ajax调用是否会将其发送到服务器？我们需要做更多的工作来诊断这个问题。请将ajax调用的控制台日志发布到
kosarba.php
。能否在inspect元素中打开网络选项卡？并检查您的请求是否成功发送..您可以从那里找到一些解决方案..谢谢您的帮助，它很有效！但不知何故，需要确定单击了哪个按钮。既然我回显了数据库中的每一行，那么如何为每个表单分配不同的id，以及如何在js中引用特定表单？让我们来看看。