通过Jquery异步获取股票实时数据

最近朋友让我帮他做个异步获取数据的程序,暂时服务器什么都没有,所以我就想先拿股票数据打个框架,方便后续开发和移植等事情

代码如下:

复制代码
<!--
说明:股票看盘
作者:黑桃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>
复制代码

 

源文件下载地址:jquery动态获取股票信息.zip

posted on   jack_Meng  阅读(5603)  评论(1编辑  收藏  举报

编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏

主题色彩