Question

我想要在我的一个项目中实现一个想法，我需要一些最好的帮助。：）

我有什么

在第一张图片中，我从我的数据库中提取了一些信息，并显示该信息，还有一个按钮，编辑/删除偶数和一个在事件结束/完成时应该检查的复选框。

在第二张图片中，选中复选框后div变绿并且按钮消失（隐藏）。

我想要什么

这有点难以解释，但我会尽我所能。

当用户选中该复选框时，它将使用值1更新该事件的DB中的“已完成”字段。

在此之后，每当我检查这些事件时，他们应该保存他们的状态（如果已经完成或不完成）。如果DB中的“完成”字段为1，它们应该像第二个图像一样保留。

问题

我怎样才能做到这一点？有人可以给我一些提示吗？

非常感谢。

问候。

Answer 1

听起来您想要向服务器发出ajax请求，告诉它更新数据库。我会查看jQuery的优秀ajax库。 http://api.jquery.com/category/ajax/您还可以使用jquery的更改事件处理程序来触发ajax请求http://api.jquery.com/change/

Answer 2

您需要按照上述说明启动ajax调用，以将数据库值更新为：

$.ajax({
    url:'script_to_update_db',
    data:({done:'true'}),
    async:false,
    success:function(msg){
        alert(msg);
    }
});

然后，当页面加载时，您需要检查数据库中是否设置了完成值，如果是，则触发删除按钮的功能并使div变为绿色。如何完成所有这些取决于您的代码的设置方式。祝你好运！