大佬教程收集整理的这篇文章主要介绍了js实现股票实时刷新数据案例,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
近来学习炒股,免不了上班时间看盘,总不能光明正大的用电脑看行情,一直盯着手机影响也不好,容易引起“关注”。
所以就想自己做一个网页来达到看盘的目的,一个只显示几个关键数字的网页肯定不会引起怀疑。有想法了,就开始实现吧。
BACkground-color: #ccffcc">准备工作:
1、数据来源
2、网页数据显示
先帖出来源码,后面讲解
BACkground-color: #ccffcc">数据来源
如果不知道现有可用的数据源,就百度吧。百度搜索“股票数据接口”
搜到的结果如下,这是一个浪新博客里的,相信读者都能很容易的找到。
BACkground-color: #ccffcc">Sina股票数据接口
以大秦铁路(股票代码:601006)为例,如果要获取它的最新行情,只需访问浪新的股票数据
接口:http://hq.sinajs.cn/list=sh601006这个url会返回一串文本,例如:
这里用我自己熟悉的一个“接口”,我经常在和讯网上看行情,财经新闻等,知道它有一个可用的数据来源。这里还是详细点说明一下我是怎么发现“接口”的。
就是这样一个连接,在浏览器里打开,可以看到如下的内容
这是一段js脚本,执行refreshData方法,其他就是这个方法的参数了。参数一看就明白了,正是股票的实时盘口数据。
数据来源已经有了,开始第二步吧。做一个网页来加载这些数据。做js简单的就是用jquery吧, 一个很优秀的js库。
这一步比较简单,用jquery里的ajax方法加载数据,显示。
加载方法 $.getScript。因为原数据里有个refreshData方法,加载完成后会自动执行的,所以我的代码里也声明了一个同名方法在这里处理就行了。refreshData里把参数,和参数对应的内容显示到div里,怎么样都行,只要能在页面上看到。
BACkground-color: #ccffcc">seTinterval用这个方法,让页面自动刷新,N秒钟执行一次。
getQueryString 这个方法是获取页面参数的,我们不可能只看一只股票,要看别的股票就要改代码,虽然不难,但用参数更简单,现在想看哪只股票,只要在页面url后添加参数demo.html?c=000777,这样就搞定了
以上这篇js实现股票实时刷新数据案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持菜鸟教程。
以上是大佬教程为你收集整理的js实现股票实时刷新数据案例全部内容,希望文章能够帮你解决js实现股票实时刷新数据案例所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。