js实现股票实时刷新数据案例

站长资源 2024/11/27 佚名

58 1538 58

DDR爱好者之家 Design By 杰米

近来学习炒股，免不了上班时间看盘，总不能光明正大的用电脑看行情，一直盯着手机影响也不好，容易引起“关注”。

所以就想自己做一个网页来达到看盘的目的，一个只显示几个关键数字的网页肯定不会引起怀疑。有想法了，就开始实现吧。

准备工作：

1、数据来源

2、网页数据显示

先帖出来源码，后面讲解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8" /> <head> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.4.1.min.js">

数据来源

如果不知道现有可用的数据源，就百度吧。百度搜索“股票数据接口”

搜到的结果如下，这是一个浪新博客里的，相信读者都能很容易的找到。

Sina股票数据接口

以大秦铁路（股票代码：601006）为例，如果要获取它的最新行情，只需访问浪新的股票数据

接口：http://hq.sinajs.cn/list=sh601006这个url会返回一串文本，例如：

var hq_str_sh601006="大秦铁路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91, 26.92,
22114263, 589824680, 4695, 26.91, 57590, 26.90, 14700, 26.89, 14300,
26.88, 15100, 26.87, 3100, 26.92, 8900, 26.93, 14230, 26.94, 25150, 26.95, 15220, 26.96, 2008-01-11, 15:05:32";

这里用我自己熟悉的一个“接口”，我经常在和讯网上看行情，财经新闻等，知道它有一个可用的数据来源。这里还是详细点说明一下我是怎么发现“接口”的。

①在浏览器里打开一只个股的页面，如http://stockdata.stock.hexun.com/gghq_600050.shtml。然后打开浏览器的开发工具，我用的chrome，火狐里有firebug也挺好。切换到开发工具的“网络”标签，观察一下，很容易就能找到隔几秒，就会加载一个js，如图1所示

图1

②链接地址 flashquote.stock.hexun.com/Stock_Combo.ASPX"htmlcode">

refreshData('600050','1','Q',['20140414150001','3.16','3.16','3.16','3.13','3.14','3.13','3668496','3.12','3011500','3.11','1858100','3.10','2850000','3.09','955100','3.14','61400','3.15','4566385','3.16','3849399','3.17','1490702','3.18','2654615','55099344','172995571','8700','0.49','19.33','0.0026','31982854','22913509']);refreshData('600050','1','MX',[['1458','3.15','129800','407904'],['1459','3.14','580900','1824318'],['1500','3.14','8700','27318']]);refreshDeal('DL',[['150001','3.14','8700','2'],['145956','3.14','3700','2'],['145951','3.14','30500','1'],['145946','3.15','1100','2'],['145941','3.15','100','2'],['145936','3.14','508000','1'],['145921','3.14','2000','1'],['145916','3.14','6000','1'],['145906','3.15','28500','2'],['145901','3.14','1000','1']]);

这是一段js脚本，执行refreshData方法，其他就是这个方法的参数了。参数一看就明白了，正是股票的实时盘口数据。

网页数据显示

数据来源已经有了，开始第二步吧。做一个网页来加载这些数据。做js简单的就是用jquery吧，一个很优秀的js库。

这一步比较简单，用jquery里的ajax方法加载数据，显示。

加载方法 $.getScript。因为原数据里有个refreshData方法，加载完成后会自动执行的，所以我的代码里也声明了一个同名方法在这里处理就行了。refreshData里把参数，和参数对应的内容显示到div里，怎么样都行，只要能在页面上看到。

setInterval用这个方法，让页面自动刷新，N秒钟执行一次。

getQueryString 这个方法是获取页面参数的，我们不可能只看一只股票，要看别的股票就要改代码，虽然不难，但用参数更简单，现在想看哪只股票，只要在页面url后添加参数demo.html?c=000777，这样就搞定了

以上这篇js实现股票实时刷新数据案例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

js实现股票实时刷新

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“js实现股票实时刷新数据案例”

暂无评论...

更新日志

2024年11月27日

js实现股票实时刷新数据案例

使用Browserify来实现CommonJS的浏览器加载方法

Ext JS 实现建议词模糊动态搜索功能

评论“js实现股票实时刷新数据案例”

更新日志

友情链接