PHP / Javascript - 更改按钮图像并在onClick（）上进行数据库调用？

Question

我在页面上有一个按钮。按钮是图像精灵，它选择绿色的ADD。我希望用户能够单击此按钮，然后执行以下操作：

1）该按钮调用将项目添加到MySQL数据库，而无需重新加载页面。 （我认为这需要AJAX。）

2）按钮背景图像精灵发生变化，现在称为REMOVE为红色。

我不明白该怎么做。 我非常感谢如何做到这一点。

Answer 1

看一下我为展示css sprites而创建的page。

我在点击更改按钮图像的按钮时调用一个函数。 你可以在这个函数中调用一个执行ajax调用的函数。（试着查看源代码）

看看here，了解ajax和数据库相关的东西。

Answer 2

如果使用JavaScript框架（如jQuery），将更容易进行“AJAX”调用。

您将告诉jQuery向服务器上的PHP脚本发出POST请求（附带数据）。您编写的PHP脚本会将该项添加到数据库中。请求完成后，jQuery将为您运行“回调”。在回调中，您可以更改按钮的样式。

请参阅jQuery.post

这是一般概述，应该让你入门。如果您想了解有关该过程特定部分的更多详细信息或示例，请对此答案发表评论。