經過Jquery異步獲取股票實時數據

時間 2020-09-20

原文原文鏈接

最近朋友讓我幫他作個異步獲取數據的程序，暫時服務器什麼都沒有，因此我就想先拿股票數據打個框架，方便後續開發和移植等事情javascript

代碼以下：css

<!--
說明：股票看盤
做者：黑桃A
時間：2014-04-14
參考：

http://www.lxway.com/240649562.htm
http://www.lxway.com/946486042.htm
http://www.365mini.com/page/jquery_getscript.htm
http://blog.csdn.net/xxjoy_777/article/details/40304935
http://www.jb51.net/article/54253.htm

-->
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        div{
            height: 20px;
            widows: 20px;
            font-size: 26px;
            font-weight: bold;
        }
    </style>
    
    <script type="text/javascript" src="./jquery1.11.js"></script>
    
</head>
<body>
    <div id="res"></div><br /><br /><br />
    <div id="div1">
        HELLO WORLD0
    </div>
    <div id="div2">
        HELLO WORLD2
    </div>
    <br />
    <button id="btn">click me</button><br /><br />
    

    <script type="text/javascript">
    
    function pageInit(){ //此方法須要在body中增長以下代碼：<body onLoad="pageInit();"> 
        //window.setInterval("ajaxRequest()",3000);  //設置定時調用ajax的方法，單位：毫秒，1000毫秒＝1秒
    } 
    
    $(document).ready(function(){
        var url = "http://hq.sinajs.cn/list=sh601006,sh601939,sh600016";   //返回 var hq_str_sh601006="xxxxxxx" 的形式數據。
        url="http://api.money.126.net/data/feed/1000002,1000001,1000881,money.api";  //返回  _ntes_quote_callback({xxxx}); 的形式數據。
        //url="http://flashquote.stock.hexun.com/Stock_Combo.ASPX?mc=1_600804&dt=T";   //返回  refreshData(xxxxxxx) 的形式數據。
        getNewData(url);
        var tg=self.setInterval("getNewData('"+url+"')",2000);//N毫秒刷新一次，單位：毫秒，1000毫秒＝1秒
        console.log("ddd")
    });

    //獲取新數據
    function getNewData(url)
    {
        var durl=url//+"&t="+Math.random();
        
        //方式一：經過ajax的方式獲取數據
        $.ajax({  
            cache : true,  
            url:url,
            type: 'GET', 
            dataType: 'script', 
            timeout: 2000, 
            success: function(data, textStatus, jqXHR){ 
                var str = data;
                str = hq_str_sh600016.split(',');
                $("#res")[0].innerText=str[30]+" "+str[31]+" ajax";
                console.log("fafafaf");
                
            }
        });
        
        
        /*
        //方式二：經過getScript的方式獲取數據，若是使用腳本里的變量必須設置$.ajaxSetup ({ cache: true }); 
        $.ajaxSetup ({ cache: true }); 
        $.getScript(durl,function(data){
            //加載腳本並執行獲取的腳本數據，能夠直接調用加載腳本里的變量等
            str = hq_str_sh600016.split(',');
            $("#res")[0].innerText=str[30]+" "+str[31]+" ajax";
            console.log("getNewData")
        });
        */
        
    }
    
    function _ntes_quote_callback(data)
    {
        $("#res")[0].innerText=data[1000002].time +" callback";
    }
    

    //document.getElementById('btn').addEventListener('click', t1);
     
    </script>
</body>
</html>