javascript - javascriptライブストックティッカーが間違った名前を引っ張っている

Question

私は現在、ライブ株式データを引き出すjavascript株式ティッカーを持っています。会社名とストックアクリオンが本当に欲しいのですが、これを機能させるのに苦労しています。

私がこれを行った 1 つの方法は、テキストで銘柄名を強制することです。うまく機能しているように見えますが、コードが何度も実行され続け、結果が複製されます。私は JavaScript を初めて使用しますが、これは i++ とコードの 3 つのセグメントに関連していると思います。

これをよりよく理解するためにjsfiddleを作成しました。うまくいけば、物事がより明確になります。

重複を削除する方法についての助けをいただければ幸いです。

https://jsfiddle.net/7o3dgwgq/

var gstock = ["EPA:PIG","LON:AHT","NYSE:URI"];
$(document).ready(function () {
       for (var i = 0; i < gstock.length; i++) {
        $.getJSON("https://finance.google.com/finance/info?client=ig&q="+gstock[0]+"&callback=?", function (response) {
            var stockInfo1 = response[0];
            var stockString1 = '<div class="stockWrapper">HAULOTTE:';
            var stockName1 = stockInfo1.t;             
            stockString1 += '<span class="stockSymbol "> '  +  stockInfo1.t + ' </span>';
            stockString1 += '<span class="stockPrice "> '  +  stockInfo1.l  + '</span>';
            stockString1 += '<span class="stockChange "> '  +  stockInfo1.c + '</span>';
            stockString1 += '<span> at</span> <span class="stockTime">'  + stockInfo1.ltt + '</span>';
            stockString1 += '</div>';
            $('.haul').prepend(stockString1);

        });
    }
});

よろしく、サム