Цикл JavaScript в Ajax

Question

Я следую коду Django, который динамически генерирует карты в соответствии с моим количеством переменных в банке. Для каждой карты она потребляет данные из API через код ajax. Тем не менее, мой код Ajax не вызывается каждый цикл. Это называется только один раз. То, что я могу сделать, неправильно, потому что мне нужно, чтобы ajax вызывался в каждом цикле HTML.

{% block content %}
<div id="auto" class="row">
    {% for row in list %}
        {% if row.state == 1 %}
            <div class="col-xs-6 col-md-4">
                <div class="card">
                    <h5 class="card-header">{{row.description}} - Temperatura Atual (˚C)</h5>
                    <!--<img class="card-img-top" src="{% static 'img/gauge.png' %}" width="100" height="200" alt="Card image cap">!-->
                    <canvas id="myChart-{{ forloop.counter }}" class="piechart"></canvas>
                    <script>
                            var rowId = {{ row.id }}
                            console.log(rowId);
                            readTempDinamic(rowId);
                            //refresh();
                    </script>
                    <p class="text-center font-weight-bold" style="font-size: 0.7rem"><span id="datetime"></span></p>
                    <a href="{% url 'row_details' pk=row.pk %}" class="btn botao-detalhar btn-sm">Show</a>
                </div>
            </div>
        {% endif %}
    {% endfor %}
</div>
{% endblock content %}


function readTempDinamic(rowId) {
    var endpointTemp = '/api/weatherData/getSensor/1/' + rowId + '/'
    console.log(endpointTemp);

    /* ############################################################################# */
    $.ajax({
        method: "GET",
        url: endpointTemp,
        success: function(data){
            var row = []
            var value = []
            var read_data = []
            row = data.row
            value = data.value
            read_data = data.read_date

            generateGaugeCharts(row[0], read_data[0], value[0])
        },
        error: function(error_data){
            console.log("error")
            console.log(error_data)
        }
    })
    /* ############################################################################# */
}