ajax - 数秒後にdivを自動的にリロードしようとしていますが、Chromeでは機能しません

Question

ここにメインコードがあります。これをチェックしてください。この対立を引き起こしているものは何ですか。

<script type="text/javascript">
$(document).ready(function () 
{
  setInterval(function() 
  {
    $.get("ajax_files/manage_friend_requests.php", function (result) 
    {
      $('#all_friends_requests').html(result); // This is the div i am reloading again and again after some seconds.
          });
        }, 9000);
    });
</script>

Answer 1

次のようなものを使用すると、より安全になるはずです。

$(document).ready(function(){
    setInterval(function(){
        $.ajax({
            type: "GET",
            url: "ajax_files/manage_friend_requests.php"
        }).done(function(result) {
            var $friends_requests = $('#all_friends_requests');
            if ($friends_requests.length > 0) {
                console.log('Received: '+result);
                $friends_requests.html(result);
                console.log('UPDATED friends requests');
            } else {
                console.log('CANNOT access friends requests container');
            }
        });
    }, 9000);
});

コンソールに表示される内容によっては、おそらく問題を証拠に残すでしょう。