jquery通过新浪财经的接口获取股票走势图和股票数据
2017-08-01 00:00
465 查看
效果图如下:
实现代码:
html
股票走势图: http://image.sinajs.cn/newchart/xsb/min/sb836499.gif
股票指数: http://hq.sinajs.cn/list=sb836499
实现代码:
/*首页三板指数显示,比如s_sh000001是上证指数,后面依次可以去新浪财经网查看,然后通过接口获取数据,分割数据后加到自己的网站.*/ $(function(){ $.ajax({ cache:true, url:"http://hq.sinajs.cn/list=s_sh000001,s_sz399001,s_sz399006,s_sz399005,s_sb899002", type:"GET", dataType:"script", success:function(data) { /*获取上证指数的总数据*//*获取上证指数的总指数*//*获取上证指数的增长指数*//*获取指数的百分比*/ var shangz = hq_str_s_sh000001.split(","); zs_chuli(shangz,'#shangz_zs','shangz'); console.log(data); /*深证指数 */ var shenz = hq_str_s_sz399001.split(","); zs_chuli(shenz,'#shenz_zs','shenz'); /*创业板*/ var cyb= hq_str_s_sz399006.split(","); zs_chuli(cyb,'#cyb_zs','cyb'); /*中小板*/ var zxb= hq_str_s_sz399005.split(","); zs_chuli(zxb,'#zxb_zs','zxb'); /*三板做市*/ var sbzs=hq_str_s_sb899002.split(","); zs_chuli(sbzs,'#sbzs_zs','sbzs'); } }); $(".zs_li").hover(function(){ $(this).find(".hide_img").show(); },function(){ $(this).find(".hide_img").hide(); }) }); function zs_chuli(zs,id,name){ var name1=name+'1';var name2=name+'2';var name3=name+'3'; name1 = parseFloat(zs[1]).toFixed(2); name2 = parseFloat(zs[2]).toFixed(2); name3 =parseFloat(zs[3]).toFixed(2); if(name2>0){ name2='+'+name2; } if(name3>0){ name3='+'+name3+'%'; }else{ name3=name3+'%'; } $(id).find('span:eq(1)').html(name1); $(id).find('span:eq(2)').html(name2); $(id).find('span:eq(3)').html(name3); }
html
<div class="news_right" id="dcf_content" style="width: 463px;border: 1px solid #EAEAEA;"> <div style="width: 100%;height:60px;border-bottom:1px solid #eaeaea;float:left;"> <div style="float:left;width:3px;height:28px;border:1px solid #c8000b;margin-top: 17px;margin-left: 45px;background-color:#c8000b; "></div> <div style="float:left;width:350px;height:30px;margin-top: 17px;text-indent: 10px;text-align: left;color:red; font-size: 22px;letter-spacing: 10px; "> 板块指数最新跟踪 </div> </div> <div class="news_right_real" id="zs_box" style="float:left;height: 383px;border:1px solid #eaeaea; padding-top: 0px;margin-left: 0px;padding-left: 40px;display: block;"> <li class="zs_li" id="shangz_zs" style="margin-top: 35px;"> <span class="zs_name">上证指数</span> <span class="zs_num">3285.74</span> <span class="zs_up">+12.71</span> <span class="zs_down">+0.39%</span> <div class="hide_img" style="display: none;"> <img src="http://image.sinajs.cn/newchart/min/sh000001.gif"> </div> </li> <li class="zs_li" id="shenz_zs"> <span class="zs_name">深证指数</span> <span class="zs_num">10511.14</span> <span class="zs_up">+6.10</span> <span class="zs_down">+0.06%</span> <div class="hide_img" style="display: none;"> <img src="http://image.sinajs.cn/newchart/min/sz399001.gif"> </div> </li> <li class="zs_li" id="cyb_zs"> <span class="zs_name">创业板指数</span> <span class="zs_num">1736.13</span> <span class="zs_up">-0.17</span> <span class="zs_down">-0.01%</span> <div class="hide_img"> <img src="http://image.sinajs.cn/newchart/min/sz399006.gif"> </div> </li> <li class="zs_li" id="zxb_zs"> <span class="zs_name">中小板指数</span> <span class="zs_num">7061.00</span> <span class="zs_up">+6.04</span> <span class="zs_down">+0.09%</span> <div class="hide_img"> <img src="http://image.sinajs.cn/newchart/min/sz399005.gif"> </div> </li> <li class="zs_li" id="sbzs_zs"> <span class="zs_name">三板做市</span> <span class="zs_num">1031.76</span> <span class="zs_up">-2.84</span> <span class="zs_down">-0.27%</span> <div class="hide_img" style="display: none;"> <img src="http://image.sinajs.cn/newchart/xsb/min/sb899002.gif"> </div> </li> </div> </div>
股票走势图: http://image.sinajs.cn/newchart/xsb/min/sb836499.gif
股票指数: http://hq.sinajs.cn/list=sb836499
相关文章推荐
- Matlab通过sina web接口获取个数即时股票数据函数实现代码
- [Python]通过网易财经接口获取股票和指数的历史数据
- [Python]通过网易财经接口获取股票和指数的历史数据
- 使用Sina API获取新浪财经的证券股票数据接口(时价 K线等)
- 通过Jquery异步获取股票实时数据
- Android 通过调用接口获取数据
- 通过HttpClient获取服务器接口json数据已及解析
- 通过QQ音乐接口获取数据+播放源
- 【转载】Java数据接口编写简单例子,Java Json解析,服务端接口输出Json数据,客户端通过HTTP获取接口Json数据,作者:Jaiky_杰哥
- java后台 通过HTTP接口获取json数据
- Matlab--------股票接口,获取股票数据
- 通过Yahoo Finance API获取股票数据
- 通过servlet从气象局接口获取到天气预报的json数据,并解析得到的json数据存入数据库(案例)
- .NET通过调用接口来获取数据的方法
- vue2.x 通过后端接口代理,获取qq音乐api的数据
- 从ajax获取的数据无法通过Jquery选择器来调用事件
- jquery 通过post给服务端提交数据,并且用 Django获取打印出来
- 关于客户端通过证书获取https接口数据
- jquery通过ajax获取数据,控制显示的数据条数
- JQUERY 通过AJAX获取数据并绑定下拉框