aAuto обновить только div ajax

Question

Я пытаюсь сделать автоматическое обновление каждые 5 секунд до div с интервалом ajax, но я что-то упустил.

Это мой код div:

<script>
    function loadlink(){
        $('#chart').load(function () {
            $(this).unwrap();
        });
    }

    loadlink(); // This will run on page load
    setInterval(function(){
        loadlink() // this will run after every 5 seconds
    }, 5000);

</script>

<div id="chart" >{!! $chart->script() !!}</div>

Answer 1

Вам потребуется блок готовый документ , чтобы создать экземпляр функции setInterval для ее запуска.

Пример более нового jQuery:

function loadlink() {
    $('#chart').load(function () {
        $(this).unwrap();
    });
}

$(function() {
    loadlink(); // This will run on page load
    setInterval(function() {
        loadlink() // this will run after every 5 seconds
    }, 5000);
});

или

function loadlink() {
    $('#chart').load(function () {
        $(this).unwrap();
    });
}

$( document ).ready(function() {
    loadlink(); // This will run on page load
    setInterval(function() {
        loadlink() // this will run after every 5 seconds
    }, 5000);
});

Answer 2

ваш код выполняется без файла jquery

  function loadlink() {
        console.log("called load link");
        $('#chart').load(function () {
            $(this).unwrap();
        });
    }

    loadlink(); // This will run on page load
    setInterval(function(){
        loadlink() // this will run after every 5 seconds
    }, 5000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="chart" >{!! $chart->script() !!}</div>