私のhtmlページにはdivタグがあり、サーバー側のデータを印刷しています。
<div id="chatbox">
<label>${modelAttribute.chatMessage}<br></label>
</div>
初めて正常に動作していますが、10秒ごとにこのdivが関数と呼ばれると考えています。
それでは、毎回特定のメソッドを呼び出す方法は?
私は何もクリックしていないことを聞いてください
私に提案してください...
私のhtmlページにはdivタグがあり、サーバー側のデータを印刷しています。
<div id="chatbox">
<label>${modelAttribute.chatMessage}<br></label>
</div>
初めて正常に動作していますが、10秒ごとにこのdivが関数と呼ばれると考えています。
それでは、毎回特定のメソッドを呼び出す方法は?
私は何もクリックしていないことを聞いてください
私に提案してください...
使用setInterval();
方法
ここで詳細を見つけることができます: http://www.w3schools.com/jsref/met_win_setinterval.asp
Use Ajax method
with setInterval();
. using this you can easily call function in some interval
setInterval()を使用して、すべてのデータで div を更新できます。
<div id="chatbox">
//content
</div>
そして、divを更新するjquery:
<script>
$(document).ready(function(){
setInterval(function() {
$("#chatbox").load("getchatbox.php #chatbox");
}, 10000);
});
</script>
ajaxでも使えます。ここの素晴らしいチュートリアル: http://jquery-howto.blogspot.nl/2009/04/ajax-update-content-every-x-seconds.html AJAX を使用した簡単な例:
<script type="text/javascript">
jQuery(function($) {
function updateData()
{
var html = $.ajax({
url: "/getchatboxdata",
success: function(data) {
$('#chatbox').html(data);
}
});
}
updateData();
var auto_refresh = setInterval(function(){
updateData()
}, 10000);
});
</script>