새로 고침 이미지 만

Question

힘들지 않아야한다고 생각하지만 어떤 이유로 그것을 수행하는 방법을 찾을 수 없습니다.

저는 현재 아약스를 통해 이미지를로드하는 버튼이 있습니다. 이제이 버튼을 다시 클릭하면 이미지를 새로 고침하고 싶습니다. 그래서 기본적으로 내가 찾고있는 기능은 이미지 새로 고침입니다. 하지만 이미지를 새로 고치고 나머지 페이지는 새로 고치지 않습니다.

내 아약스 기능 :

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

이 기능을 둘러 쌉니다. doc 준비 및 버튼 클릭시 함수를 호출하십시오.

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