jquery - 仅刷新图像

Question

我认为这应该不难，但由于某种原因，我不知道该怎么做。

我目前有一个通过 ajax 加载图像的按钮。现在，如果再次单击此按钮，我希望图像刷新。所以基本上我正在寻找的功能是图像刷新。但我只想刷新图像，而不是页面的其余部分。

我的ajax函数：

$.ajax({  
                type: "POST",  
                url: "<?php bloginfo('template_directory') ?>/test.php",  
                data: dataString,  
                success: function() {  
                //$('.images').empty();
                $('#div1').html(croppedImage);               
                }  
            });
            return false;

我该如何刷新图像？

-编辑

我通过在 url 中添加时间戳来修复它。

$.ajax({  
                type: "POST",  
                url: "<?php bloginfo('template_directory') ?>/test.php",  
                data: dataString,  
                success: function() {  
                //$('.images').empty();
                $('#div1').html(croppedImage);               
                document.getElementById("refreshMe").src = "<?php bloginfo('template_directory') ?>/uploads/resized_<?php echo $newNameOverwrite; ?>"+"?"+new Date();
                }  
            });

它可以工作，但刷新率很慢。我应该在负载之间有某种反馈。

Answer 1

围绕它包装一个函数。在准备好文档时调用该函数，也可以在单击按钮时调用该函数。

function refreshImage() { /* YOUR CODE HERE */ }
$(function() {
    refreshImage();
    $("#button").on("click", refreshImage());
});