首页 > 解决方案 > jQuery 从外部 URL 解析 JSON 数组并循环

问题描述

我正在尝试从外部 URL 解析 JSON 数据我已设法打印数据,但在循环和打印完整数据时遇到了困难

这是我的代码

<div class="coin"></div>

    <script>
    $.getJSON('https://www.binance.com/gateway-api/v1/public/indicator/abnormal-trading-notice/list', function(fetch) {
        
        var coin = `noticeType: ${fetch.data[0].noticeType}<br>
                    symbol: ${fetch.data[0].symbol}<br>
                    eventType: ${fetch.data[0].eventType}<br>
                    volume: ${fetch.data[0].volume}<br>
                    priceChange: ${fetch.data[0].priceChange}<br>
                    period: ${fetch.data[0].period}<br>
                    createTimestamp: ${fetch.data[0].createTimestamp}<br>
                    updateTimestamp: ${fetch.data[0].updateTimestamp}<br>
                    baseAsset: ${fetch.data[0].baseAsset}<br>
                    quotaAsset: ${fetch.data[0].quotaAsset}<br>`
        $(".coin").html(coin);
    });
    </script>

标签: javascripthtmljqueryjson

解决方案


尝试这个:

<script>

$.getJSON('https://www.binance.com/gateway-api/v1/public/indicator/abnormal-trading-notice/list', function (fetch) {

    for (var i = 0; i < fetch.data.length; i++) {
        $(".coin").append(`noticeType: ${fetch.data[i].noticeType}<br>
                symbol: ${fetch.data[i].symbol}<br>
                eventType: ${fetch.data[i].eventType}<br>
                volume: ${fetch.data[i].volume}<br>
                priceChange: ${fetch.data[i].priceChange}<br>
                period: ${fetch.data[i].period}<br>
                createTimestamp: ${fetch.data[i].createTimestamp}<br>
                updateTimestamp: ${fetch.data[i].updateTimestamp}<br>
                baseAsset: ${fetch.data[i].baseAsset}<br>
                quotaAsset: ${fetch.data[i].quotaAsset}<br> <br/><br/>`);
    }
});

推荐阅读