local-host 2019-11-03 11:14 采纳率: 100%
浏览 31

在Ajax中循环JavaScript

i'm following the Django code that dynamically generates cards according to my amount of variables i have in a bank. For each card it consumes data from an API through ajax code. However, my ajax code is not being called every loop. It is called only once. What I can do is wrong, because I need ajax to be called every loop of 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)
        }
    })
    /* ############################################################################# */
}
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥100 set_link_state
    • ¥15 虚幻5 UE美术毛发渲染
    • ¥15 CVRP 图论 物流运输优化
    • ¥15 Tableau online 嵌入ppt失败
    • ¥100 支付宝网页转账系统不识别账号
    • ¥15 基于单片机的靶位控制系统
    • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
    • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
    • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
    • ¥15 手机接入宽带网线,如何释放宽带全部速度