Question

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

我的问题： 我测试的按钮与ajax和json工作正常，但除非我刷新页面，否则图像不会改变。

有人可以告诉我如何解决这个问题或者指出我正确的方向吗？

Answer 1

我注意到你在HTML和fadeIn方面做了改变而不是在AJA成功后的fadeOut之后发生了回调。

您是否尝试过$('#query').fadeOut().html(data).fadeIn();？

Answer 2

以下部分显示您没有覆盖您的图片，这就是为什么它不会改变。暂时忽略淡出以使其更简单

成功：功能（数据）{ $（'＃query'）。fadeOut（function（）{ $（ '＃查询'）HTML（数据）.fadeIn（）; }）; console.log（'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.');
                },

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

2 个答案: