只有刷新圖像

Question

我認爲這不應該很難，但出於某種原因，我無法找到如何去做。

我目前有一個按鈕，通過ajax加載圖像。現在，如果再次單擊此按鈕，我想要刷新圖像。所以基本上我正在尋找的功能是圖像刷新。但我只想刷新圖像，而不是頁面的其餘部分。

我AJAX功能：

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

如何去清爽的形象呢？

-EDIT

我通過向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

圍繞此功能包裝。在doc上調用函數就緒，並按下按鈕單擊。

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