Question

我认为这不应该很难，但由于某种原因我无法知道如何去做。

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

我的ajax功能：

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

如何刷新图像？

- 编辑

我通过在网址上添加时间戳来修复它。

$.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

绕过此功能。在doc ready上调用该函数，并在单击按钮时调用该函数。

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

仅刷新图像

1 个答案: