Javascript 无法获取表单数据

好吧，我已经在这上面坐立不安好几个小时了，运气不好

我在一个页面上有多个表单（总共6个），每个表单都有这种结构

表格1

<form method="post" action="" id="Television_form">
.
.
.
<button class="btn btn-sm btn-success" id="Television" name="save"> Save</button
</form>

问题是，当我为第一个表单单击“保存”时，我得到了

警报（表单名称）

的正确值，以及

警报（数据）

的正确数据

如果我为第二个表单单击“保存”，我将获得

警报（表单名称）

的正确数据，但

数据的为空。为什么jquery不接收数据

如果能帮上点忙就好了，我的头都撞到了

编辑：-

//这是真正的路线：-

<form action="" method="post" id="<?php echo $expereince_details->header_name; ?>_form">

您的表单标记未正确关闭，ID上缺少一个
“


您可能还想考虑将事件附加到窗体而不是按钮，这会使开发更容易。
下面的方法不再依赖于ID

$("form").on('submit', function(e)
{
    e.preventDefault();

    let data = $(this).serialize();

    console.log(data);


    return false;
})

伊恩回答完美，但你也需要添加类型提交到按钮

<button class="btn btn-sm btn-success" type="submit" id="Television" name="save"> Save</button>

保存
用引号和
表单的
id
关闭id属性
缺少尾随
”（双引号）
和jQuery需要这样更改：-
$（[name='save']按钮）。单击（函数（e）{ <代码> >哦，没有人，这不是错误。我直接写了表单代码，错过了引号。更新了。哦，没有人，这不是错误。我直接写了表单代码，错过了引号。更新它。@ XANDERPOWER考虑上面的答案，不依赖ID，而是表单元素本身。这应该解决你的问题，虽然我意识到这不是一个直接的解决方案。@lan刚刚测试了它。它在控制台中为所有表单抛出相同的数据。这些数据是第一个表单的数据。下面是一个图像：-@xanderpower看起来您没有正确设置它，这里转储的是所有表单的组合，可能缺少一个关闭表单标记，使提交按钮su将其作为一份表格提交。
$("form").on('submit', function(e)
{
    e.preventDefault();

    let data = $(this).serialize();

    console.log(data);


    return false;
})

<button class="btn btn-sm btn-success" type="submit" id="Television" name="save"> Save</button>