AJAX загрузочный div, использующий набор запросов

Question

Я разрабатываю приложение для игры в кости; Я использую Django (2.1), Bootstrap (4), MySQL, щепотку JavaScript, а теперь AJAX, где я борюсь. Я передаю набор запросов в шаблон как kwarg, а затем отображаю его как «журнал действий» (историю бросков костей) в своем собственном div. Я думал, что мог бы просто использовать AJAX для перезагрузки этого div, но я, кажется, что-то упустил. Я использую, среди прочего, этот вопрос о стековом потоке в качестве ссылки.

template.html

<div class="container-fluid" id="action_log" style="padding:0">
    ... <!--display actions-->
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    
<script>
    $(function refresh_action_log(){
        $.ajaxSetup ({
            cache: false,
            complete: function() {
                setTimeout(refresh_action_log, 2000);
            }
        });
        $('#action_log').load(document.URL + '#action_log');
    })
</script>

Я думаю, что должно произойти, что через 2 секунды (2000 мс) AJAX должен обновить только именованный div. Я знаю, что у меня есть вопросы по поводу синтаксиса последней строки в функции. В комментариях на странице, указанной выше, я вижу пару разных синтаксисов и не могу понять, какой из них правильный.

Что я пропустил?

(Эта: хорошо, я упустил одну заключительную парню ...)

Спасибо, * 1016-ван *

Answer 1

ajaxSetup для настройки всех вызовов ajax.Я не думаю, что это то, что вы хотите использовать.Я полагаю, вы хотите что-то ближе к этому:

$(function() {
    function refresh_action_log(){
        var url = document.URL + '#action_log'
        $('#action_log').load(url, function () {
            // When it loads, schedule the next request for 2s later
            setTimeout(refresh_action_log, 2000)
        });
    }
    refresh_action_log()
})