Ajax с Django не перезагружает страницу, но цикл перезагружается

<div class="container" id="cd">
    <div class="row">
        <div class="col-2">
            <label for="serialno" class="h4 text-center mx-4"> S.No </label>
        </div>
        <div class="col-3">
            <label for="billno" class="h4 text-center"> Bill No</label>
        </div>
        <div class="col-5">
            <label for="Items" class="h4 text-center"> Items</label>
        </div>
        <div class="col-2">
            <label for="total" class="h4 text-center"> Total</label>
        </div>
        <hr>
    </div>
    {% for b,d in history.items %}
    <div class="row" id="refresh">
        <div class="col-2 py-2">
            <label class="h6">{{forloop.counter}}. | {{b.created_at}}</label>
        </div>
        <div class="col-3 py-2">
            <label class="h5">{{b}}</label>
        </div>
        <div class="col-5 py-2">
            {% for i in d %}
            <label class="h6">{{i.itemname}} x {{i.qty}} {{i.subtotal}}</label><br>
            {% endfor %}
        </div>
        <div class="col-2 py-2">
            <span class="h6">&#8377;</span>
            <label class="h6">{{b.grandtotal}}</label>
        </div>
    </div>
    {% endfor %}
</div>

<script>
    $(document).on('change','#myform',function(e){
        e.preventDefault();
        $.ajax({
                type:'POST',
                url:"{% url 'history' %}",
                data:{
                    tb1:$('#cal').val(),
                    csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
                },
                success:function(response){
                    
                },
        });
    });
    </script>

Как я могу перезагрузить этот {% for b,d in history.items() %} без обновления страницы с помощью ajax Любой способ изменить значение истории с помощью ajax Важное замечание значение обрабатывается событием onchange

Я пытаюсь перезагрузить цикл без перезагрузки страницы

Я хочу изменить значение переменной history.items() django после вызова ajax и соответствующие значения могут быть итерированы

{% for b,d in history.items %}
<div class="row" id="refresh-main">
    <div class="row" id="refresh-child">    

        <div class="col-2 py-2">
            <label class="h6">{{forloop.counter}}. | {{b.created_at}}</label>
        </div>
        <div class="col-3 py-2">
            <label class="h5">{{b}}</label>
        </div>
        <div class="col-5 py-2">
            {% for i in d %}
            <label class="h6">{{i.itemname}} x {{i.qty}} {{i.subtotal}}</label><br>
            {% endfor %}
        </div>
        <div class="col-2 py-2">
            <span class="h6">&#8377;</span>
            <label class="h6">{{b.grandtotal}}</label>
        </div>
    </div>
</div>
{% endfor %}

<script>
    $(document).on('change','#myform',function(e){
        e.preventDefault();
        $.ajax({
                type:'POST',
                url:"{% url 'history' %}",
                data:{
                    tb1:$('#cal').val(),
                    csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
                },
                success:function(response){
                    var pageURL = $(location).attr("href");
                    $('#refresh-main').load(pageURL + ' #refresh-child'); 
                },
        });
    });
    </script>