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

为什么80%的码农都做不了架构师？>>>   

效果图如下: 

实现代码:

/*首页三板指数显示,比如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

转载于:https://my.oschina.net/laobia/blog/1498563