반응형
5초마다 AJAX jQuery 새로 고침 div
저는 제 요구에 맞게 수정한 웹사이트에서 이 코드를 받았습니다.
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>
<div id="links">
</div>
<script language="javascript" type="text/javascript">
var timeout = setTimeout(reloadChat, 5000);
function reloadChat () {
$('#links').load('test.php #links',function () {
$(this).unwrap();
timeout = setTimeout(reloadChat, 5000);
});
}
</script>
테스트 중입니다.php:
<?php echo 'test'; ?>
그래서 저는 시험을 원합니다.링크 div에서 5초마다 호출되는 php.어떻게 하면 제대로 할 수 있을까요?
이거 한번 해보세요.
function loadlink(){
$('#links').load('test.php',function () {
$(this).unwrap();
});
}
loadlink(); // This will run on page load
setInterval(function(){
loadlink() // this will run after every 5 seconds
}, 5000);
도움이 되길 바랍니다.
사용해보기setInterval을 포함하여jquery library제거를 시도해보세요unwrap()
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var timeout = setInterval(reloadChat, 5000);
function reloadChat () {
$('#links').load('test.php');
}
</script>
갱신하다
당신은 jquery 오래된 버전을 사용하고 있으므로 최신 jquery 버전을 포함합니다.
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
사용하지 않도록 하십시오.setInterval.
시간 초과 상태에서 응답이 성공한 후 서버로 요청을 재전송할 수 있습니다.
jQuery:
sendRequest(); //call function
function sendRequest(){
$.ajax({
url: "test.php",
success:
function(result){
$('#links').text(result); //insert text of test.php into your div
setTimeout(function(){
sendRequest(); //this will send request again and again;
}, 5000);
}
});
}
당신은 이것을 사용해도 돼요.
<div id="test"></div>
자바 스크립트 코드는 그렇게 되어야 합니다.
setInterval(function(){
$('#test').load('test.php');
},5000);
<script type="text/javascript">
$(document).ready(function(){
refreshTable();
});
function refreshTable(){
$('#tableHolder').load('getTable.php', function(){
setTimeout(refreshTable, 5000);
});
}
</script>
언급URL : https://stackoverflow.com/questions/25446628/ajax-jquery-refresh-div-every-5-seconds
반응형
'programing' 카테고리의 다른 글
| C와 C++에서 "비어있는 루프"라는 용어는 정확히 무엇을 가리킵니다. (0) | 2023.10.06 |
|---|---|
| Slick/Tomcat/MariaDB Galera 클러스터의 잘못된 "데이터베이스가 선택되지 않음" 오류 (0) | 2023.10.06 |
| 제출 양식에서 생성된 URL을 JavaScript로 가져옵니다. (0) | 2023.10.01 |
| PowerShell 스크립트 대신 PowerShell 모듈 개발을 선택하는 경우 (0) | 2023.10.01 |
| 스크랩 스파이더에서 사용자 정의 인수를 통과하는 방법 (0) | 2023.10.01 |