`
kongshanxuelin
  • 浏览: 926895 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

股票即时查看功能的实现

阅读更多

在某些商务系统中,往往需要实现类似QQ这样的股票即时查看功能,以便将我关注的股票即时涨跌情况进行反馈,想要实现这个功能,其实并不是很难,我这里使用的是新浪股票API,利用Javascript即可实现,这里js框架使用JQuery,主要用到其Ajax函数,整体效果如下,查看该效果演示地址:http://t.faqee.com



 如何实现一个自动提示的控件这里并不做讲解,也不是本篇文章的重点,故此略过,总体实现步骤和几个重要的函数代码如下:

  1. 新浪股票的K线图等保存的路径类似:http://image.sinajs.cn/newchart/图形类别/n/s_[上证或深证][股票代码].gif
  2. 新浪股票的指标数据获取地址:http://hq.sinajs.cn/list=s_[上证或深证][股票代码]
有了这两个主要的获取路径就可以编写以下主要的函数代码:
  1. 获取某一股票信息:
     function qStock(groupid,code){
         var surl = "http://hq.sinajs.cn/list=s_sh"+code;
         var myvar = "hq_str_s_sh";
         if(groupid.indexOf("深")>=0){
        	 surl = "http://hq.sinajs.cn/list=s_sz"+code;
        	 myvar = "hq_str_s_sz";
         }
         
         loadScript(surl,"js");
    	 window.setTimeout(function(){
        	 eval("var ct = "+myvar+code+".split(',');");
			 var stockName = ct[0];
			 var stock_today_ds = ct[1];
			 var stock_price=ct[2];
			 var stock_zd=ct[3];
			 var stock_cjl=ct[4];
			 var stock_cje=ct[5];
        	 var func_tu = "<select onchange=\"doStatPic('"+groupid+"','"+code+"',this.value)\"><option>==请选择==</option><option value='daily'>K线图</option><option value='min'>分时图</option><option value='weekly'>周K图</option><option value='monthly'>月K图</option></select>";
             var detailStr = "<p>["+groupid+"]"+stockName+"详细信息:</p>"
             +"<p>指数名称:"+stockName+"</p>"
             +"<p>当前点数:"+stock_today_ds+"</p>"
             +"<p>当前价格:"+stock_price+"</p>"
             +"<p>涨跌率:"+stock_zd+"</p>"
             +"<p>成交量(手):"+stock_cjl+"</p>"
             +"<p>成交额(万元):"+stock_cje+"</p>";
			 var temp_zd = ((stock_zd+"").indexOf("-")>=0)?("<span style='color:green;font-weight:bold;'>"+stock_zd+"%</span>"):("<span style='color:red;font-weight:bold;'>"+stock_zd+"%</span>");
        	 var str ="<table id='tbl_"+code+"' width=\"95%\"><tr><td width=160><a href=\"javascript:top.FaqeeUtils.alert({html:'"+detailStr+"',title:'详细信息'});\">["+groupid+"]"+stockName+"</a></td><td width=80>"
        	 +temp_zd+
        	 "</td><td align='right'>"+func_tu +"&nbsp;<a href=\"javascript:delStock('"+code+"')\"><img border=0 src=\"<%=path%>/images/cross.png\" /></a></td></tr></table>";     
        	 $("#stockresult").append(str);
        	 $("#stockcode").val("");
    	 },1000);
     }
  1. 删除某股票:
		 var myurl = '<%=path%>/AjaxServlet?group=stock&act=delete&code='+code+'&callback=?';
 		$.getJSON(myurl,function(data){
     		if(data.res>0){
     			$("#tbl_"+code).remove();
     		}
 		});
 
  1. 增加某股票:
        	var myurl = '<%=path%>/AjaxServlet?group=stock&act=add&code='+item.id+'&g='+
        	encodeURIComponent(encodeURIComponent(item.groupid))+'&callback=?';
    		$.getJSON(myurl,function(data){
        		if(data.res>0){
        			qStock(item.groupid,item.id);
        		}else{
            		alert("添加股票失败,请重试!");
        		}
    		}); 
 
  1. 各种股票K线图:
		var temppic = "";
		if(groupid.indexOf("深")>=0){
			temppic = "http://image.sinajs.cn/newchart/"+thisvalue+"/n/s_sz"+code+".gif";
		}else{
			temppic = "http://image.sinajs.cn/newchart/"+thisvalue+"/n/sh"+code+".gif";
		}
		temppic = "<img border=0 src='"+temppic+"'/>";
		top.FaqeeUtils.openHTMLWnd({html:temppic,title:"曲线图",width:580,height:380});
 
  • 大小: 30 KB
1
0
分享到:
评论
1 楼 zhouhong1026 2012-11-13  
大哥,可以加我Q吧。兄弟最近想自己折腾下这方面的东西有相关问题向您请教?叩谢!!q:2209456116

相关推荐

    微信小程序websocket实现即时聊天功能

    综上,微信小程序WebSocket的即时聊天功能实现涉及到了网络通信、数据处理、用户交互等多个方面。开发者不仅需要理解WebSocket的工作原理,还要熟悉微信小程序的API用法,以及良好的前端界面设计和异常处理能力。...

    基于C++实现的股票大数据的统计分析与可视化.zip

    功能3:使用两个参数来记录上一次的时间和股票名,当时间过了一年之后就计算一次夏普率然后写入,股票类型变化时也需要写入; 功能4:在分割文件之前,利用外排序2号比较器生成一个按照涨跌幅降序得到的外排序文件,...

    IM即时通讯技术在不同场景下的技术实现与性能调优

    即时通讯技术(IM)是现代通信中不...通过对iOS生态的特定分析,为移动开发者在实现和优化IM功能时提供了重要的参考。随着技术的不断进步,特别是5G网络的推广,我们可以预见即时通讯技术将变得更加高效、稳定和安全。

    websocket实现即时通信

    在"WebSocket实现即时通信"这个项目中,描述提到了没有实现图片传送,但实现了点对点和广播方式的聊天功能。点对点通信意味着用户之间可以直接发送消息,而广播方式则允许服务器将一条消息同时发送给所有在线的...

    使用 HTML5 webSocket API实现即时通讯的功能.zip

    这一特性对于实现即时通讯(Instant Messaging, IM)功能特别关键,比如在线聊天、实时股票报价、多人在线游戏等场景。 WebSocket协议在技术层面上比HTTP更为高效,它建立了一条持久的TCP连接,允许数据双向流动。...

    websocket仿微信后台即时通讯功能

    总的来说,"websocket仿微信后台即时通讯功能"项目展示了如何结合WebSocket技术和Android Service来实现一个后台聊天应用,其关键技术点在于WebSocket的连接管理和消息处理,以及在Android环境下后台服务的持久运行...

    python加django加websocket实现即时通讯

    本篇文章将深入探讨如何利用Python与Django结合WebSocket来实现即时通讯功能。 首先,我们要理解WebSocket协议。WebSocket是一种在客户端和服务器之间建立长连接的协议,允许双方进行双向通信。相较于传统的HTTP...

    在excel内即时查询股票价格(增加分时走势、K线图查询)

    在Excel中即时查询股票价格是一项实用的技能,尤其对于投资者和金融分析师来说,能够快速获取并分析股票数据是非常重要的。本教程将详细介绍如何利用Excel来实现这一功能,并结合"查询.xls"这个文件,探讨如何展示分...

    即时聊天demo websocket

    WebSocket是Web应用中实现双向通信的一种技术,它允许服务器主动向客户端推送数据,极大地提高了实时性,被广泛应用于在线聊天、股票更新、游戏等场景。本项目是一个基于Java 1.6和WebSocket的即时聊天Demo,它利用...

    eclipse插件版即时股价查询

    标题“eclipse插件版即时股价查询”表明我们要讨论的是一个专门为Eclipse集成开发环境(IDE)设计的插件,其主要功能是实时显示股票价格。这个插件可能是由程序员为了方便开发者在编写代码的同时关注股市动态而创建...

    win7股票插件

    文件名“CPUStock.gadget”可能是指这款股票插件的具体实现文件,其中“CPU”可能是代表“Computer”或者“Central Processing Unit”,在这里可能是指该小工具能够高效地处理和显示股票数据,而“Stock”则直接对应...

    基于Android的股票行情分析软件的设计与实现.pdf

    在功能实现方面,该股票行情分析软件除了具备基本的行情查看、股票收藏、走势分析等金融分析功能外,还特别注重用户交互体验的丰富性。例如,用户可以在软件内通过“摇一摇”功能随机获得个股推荐,通过与相同应用...

    java 实时股票报价系统源代码 NeatBeans

    这个系统通常包括几个核心功能:查询股票价格、自动或手动刷新数据、添加和删除股票以及查看源代码以理解其工作原理。在这个系统中,NeatBeans是一个重要的开发工具,它是一个强大的Java集成开发环境(IDE),提供了...

    html5在线客服源码 websocket c#实现,可扩展 im 即时通讯,聊天程序 手机 移动 pc都可以

    HTML5在线客服源码是基于WebSocket技术实现的即时通讯(IM)系统,它支持在PC、移动设备上运行,提供了一种高效、实时的通信方式。WebSocket是一种在客户端和服务器之间建立长连接的协议,相较于传统的HTTP协议,它...

    宏远股票系统源码

    它以时间为横轴,价格为纵轴,直观地展现了股票价格的即时动态,对短线交易者尤其有价值。 4. **移动均线**:移动平均线是计算一段时间内股票价格平均值的指标,用于识别价格趋势。常见的有5日、10日、20日等短期和...

    记录股票买卖的软件.rar

    即时股价获取是另一项关键特性,它允许用户快速查看持有的股票实时价格,以便在市场波动时做出及时的决策。这样的功能通常通过连接到证券交易所的数据接口来实现,确保提供的股价信息准确且及时。 皮肤更换功能则为...

    即时通js

    即时通JS,是一种基于JavaScript技术实现的实时通信解决方案,它主要用于构建在线聊天、协作工具、实时通知等互动功能。在Web应用中,即时通JS扮演着连接用户与服务器的重要角色,使得信息能够在用户之间或者用户与...

    观察者模式的股票分析系统(源代码及实验报告)

    在这个股票分析系统中,观察者模式被巧妙地应用来实时更新股票数据,使得系统能即时反映股票市场的变化。 首先,我们来看观察者模式的核心组成部分。在股票分析系统中,"主题"(Subject)是被观察的对象,通常是...

    基于thinkphp5.1和workerman框架,HTML5的websocket即时通讯.zip

    在这个项目中,WebSocket被用来实现即时通讯功能,用户可以通过网页浏览器与服务器进行实时交流,无需刷新页面即可接收到新消息。 6. **项目结构**: 根据压缩包中的“workerman.chat.04.com-master”文件名推测,这...

    利用websocket实现即时通讯,支持语音图片分段发送

    在"利用WebSocket实现即时通讯,支持语音图片分段发送"这个项目中,开发者已经提供了SpringBoot服务器端的代码以及Android客户端的实现。SpringBoot是一个流行的Java框架,用于快速构建微服务应用。它内置了...

Global site tag (gtag.js) - Google Analytics