javascript - 按钮单击更新数据库

Question

我已经为此苦苦挣扎了几天。我有一个网页，上面有一个动态创建的数据表(使用 php 和 datatable)。一切都很好。现在我有 2 列，每行都有按钮:

NAME | ADDRESS   | STAGE | ASSIGN  
John   9 Doe Way   btnS     btnA

我想做的就是当用户单击 btnS 或 btnA 时运行一个简单的更新查询，并将被单击的人放入阶段或为此事件分配类别。 (我可以在数据库中处理该部分)。如果我有一个超链接而不是按钮，我可以做得很好。我希望刷新页面，因为这将从我的列表中删除该名称。

那么如何获取动态创建的按钮所在行的ID呢？如果需要的话，我有一个隐藏的 ID 字段。

我会粘贴代码，但我不知道正确的方向。我尝试过jquery(函数)、表单POST函数，但似乎没有任何效果？

谢谢!!

Answer 1

有几种方法可以处理这个问题。当说您可以使用超链接来完成此操作时，我假设您只是导航到 URL。

我给你3个选择:

选项 1:

使用超链接，但使用 CSS 使其看起来像按钮。

类似的东西

a
{
    display:inline-block;
    padding: 2px 5px;
    background-color: #ccc;
    border: 1px solid #000;
    text-decoration:none;
}

a:active
{
    background-color:blue;
}

让它看起来更像一个按钮。

选项 2:

使用 jQuery，您可以简单地将重定向绑定(bind)到单击事件:

$("a").click(function(){

    parent.location = url;

});

选项 3:

使用表单，您可以使用提交按钮提交到 URL。

<form action="your url here">
    <input type="submit" value="Submit"/>
</form>

这些选项中的任何一个都会产生您想要的结果。