Php Ajax和Json-单击按钮后更改图像

我有3张代表不同情绪的图片。 然后我有两个按钮，用ajax和json发送数据并更新数据库中的值。 我希望根据数据库中的新值显示不同的图像

我的问题是： 我正在测试的按钮在ajax和json中运行良好，但除非我刷新页面，否则图像不会改变

---

有人能告诉我怎么做或者给我指出正确的方向吗

我注意到HTML和fadeIn中的更改是作为回调，而不是在AJAX成功后淡出之后发生

---

您是否尝试过$'query'.fadeOut.htmldata.fadeIn

在下面的部分中，您似乎没有覆盖您的图像，这就是它没有改变的原因。暂时忽略淡出，使其更简单

成功：函数数据{ $'query'.fadeout函数{ $'query'.htmldata.fadeIn； }; 日志“Ajax请求已成功返回”； },

更改为

success: function (data) { 
                $('#ImageElement').replaceWith(data) //This is where you are replacing the html that points to the image 
                                                              //that previously was displayed and now points to the new image contained in the `data` parameter you returned to the function 
                    console.log('Ajax request returned successfully.');
                },

---

是否尝试用加载的图像替换图像？您确定不应该使用.replaceWith吗？您好，当用户单击图像按钮时，它正在使用新值更新数据库，而不刷新页面。根据其中一个数据库字段中的新值，我希望加载某个图像。至于现在，正确的情绪图像只有在我刷新页面时才会显示……是的，我想这就是我的观点。您更新了数据库，但从未更新已加载的页面。我将在下面提供一个答案，假设您正在为应该显示的新图像返回ajax函数内容。谢谢您的回答！我应该将ImageContainerElement更改为什么？我在图像上没有任何特定的ID。@Lisa好的，你可以查看并使用你要替换的图像的ID，它将用你传入的新数据替换旧的HTML。我会更新我的答案。但问题是数据参数连接到表单元素，而不是我的图像元素。这就是我丢失的地方……我试图更改的图像位于if语句中，这些语句根据数据库中的值对每个图像进行回显。@Lisa这就是图像吗？我本来会指定的，但我被您代码的这一部分弄糊涂了。