您的位置:首页 > Web前端 > JQuery

jquery通过新浪财经的接口获取股票走势图和股票数据

2017-08-01 00:00 465 查看
效果图如下:



实现代码:

/*首页三板指数显示,比如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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: