创建用于股票行情的JavaScript表格

28 浏览
0 Comments

创建用于股票行情的JavaScript表格

我正在尝试使一个JavaScript股票行情工具正常运行，目前进展顺利，但我的JavaScript知识处于初级水平——不过我正在学习！\n

    \n

  • 当前的代码使用Google Finance API提取实时股票数据。

    • \n

  • 它检查股票缩写并打印出完整的公司名称。

    • \n

  • 还有一些各种样式。

    • \n

\n我想要实现的目标是将股票数据以列的形式打印出来，在HTML中似乎无法做到这一点，经过查看JavaScript表格后，我认为这需要用JavaScript编写。\n我需要创建3列：一个用于股票名称（例如HAULOTTE），一个用于股票缩写（例如PIG），一个用于实时股票数据。这将确保每个股票数据行与上下相邻的行保持平行。\n附上当前的jsfiddle链接：\nhttps://jsfiddle.net/feq3L57p/\n

var gstock = ["EPA:PIG","LON:AHT","NYSE:URI","NYSE:TEX" ,"NYSE:CAT", "NASDAQ:HEES", "NASDAQ:MNTX", "VIE:PAL" ];
$(document).ready(function () {
       for (var i = 0; i < gstock.length; i++) {
        $.getJSON("https://finance.google.com/finance/info?client=ig&q="+gstock[i]+"&callback=?", function (response) {
            var stockInfo1 = response[0];
            var divContainer =  $('*[data-symbol="' + stockInfo1.t +'"]');
            var stockString1 = '' + divContainer.data('title') + ':';
            var stockName1 = stockInfo1.t;             
            stockString1 += ' '  +  stockInfo1.t + ' ';
            stockString1 += ' '  +  stockInfo1.l  + '';
            stockString1 += ' '  +  stockInfo1.c + '';
            stockString1 += '';
            divContainer.append(stockString1);
        });
    }
});

0

1 答案

0 Comments

问题出现的原因是无法轻松地将实时数据插入到HTML中，可能是某些操作错误或者缺乏使用jQuery的知识。解决方法是创建一个Javascript表格，并使用jQuery的text和html函数来将实时数据插入到HTML中。可以通过编写一个addRow函数，并参考使用表格的方式来模拟实现。

0