AJAX 다시 한번 질문드립니다. ㅠ
본문
안녕하세요
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$.ajaxSetup({cache:false});
$('#test').load('<?php echo G5_THEME_URL?>/test.html?_=' +Math.random()).fadeIn("slow");
}, 1000);
</script>
<div id="test"></div>
이렇게 하면 test.html 내용이 1초마다
전 사용자에게 잘 반영되고 있습니다. (채팅처럼요..ㅎ)
이 기능을 응용하여...
1초마다 갱신이 아닌 클릭 이벤트가 이루어졌을때
리로드를 하고 싶은데 가능한건가 해서요..
예를들면
var auto_refresh = setInterval(
$('button').click(function() {
$.ajaxSetup({cache:false});
$('.ct_01').load('<?php echo G5_THEME_URL?>/test.html?_=' +Math.random()).fadeIn("slow");
}, 0);
<button>업데이트</button>
이런식이 될것같은데..(죄송합니다 자바스크립트 하나도 몰라서요..ㅠㅠ)
삽질중인데 고수님들의 힌트 부탁드립니다.ㅠ
답변 1
$.ajaxSetup({cache:false});
ajaxSetup은 기본값 설정 하는것이라
최초 한번만 하시면 되요.
var auto_refresh = setInterval(
$('button').click(function() {
$.ajaxSetup({cache:false});
$('.ct_01').load('<?php echo G5_THEME_URL?>/test.html?_=' +Math.random()).fadeIn("slow");
}, 0);
setinterval 을 0 초 마다 계속 하는 것이라 이렇게 하면
사용자 브라우저도 죽고
질문자님 서버도 죽어요
<button id="btn_obj">클릭 리플레시</button>
$('button#btn_obj').click(function() {
$('.ct_01').load('<?php echo G5_THEME_URL?>/test.html?_=' +Math.random()).fadeIn("slow");
});
답변 정말 감사합니다^^
잘되는데 다른 사용자 브라우저에 까지는 적용이 안되나보군요..
1초뒤에 리로드 하는건 다른사용자 브라우저까지 리플래시가 되는데
제가 너무 꿈이컷나보네요...ㅎㅎ ㅠㅠ
아무튼 잘 사용하겠습니다. 많이 배웠습니다. 감사합니다!
