$.get data on doc ready から入力された DIV があり、5 秒ごとに setInterval を呼び出します。#are_friends の html データが以前と同じである場合は setInterval $.get が成功しますが、異なる場合はデータを #are_friends に再度ロードします。
私がこれをどのように行うか、または私が実装しようとしているよりも良い方法を知っている人はいますか?
<div id="are_friends"></div>
<script type="text/javascript">
$(document).ready(function() {
$.get('<?php echo $siteUrl ?>are_friends.php?userid=<?php echo $userid; ?>', function(data) {
$("#are_friends").html(data);
});
var auto_refresh = setInterval(
function ()
{
$.ajax({
url: "<?php echo $siteUrl ?>are_friends.php?userid=<?php echo $userid; ?>",
success: function(newdata){
var oldcontent = $("#are_friends").html();
if(oldcontent != newdata) {
$("#are_friends").html(newdata);
}
}
});
}, 5000); // refresh every 5000 milliseconds
});
</script>