ajax无刷新动态调用股票信息(改良版)


Posted in Javascript onNovember 01, 2008
<html> 
<head> 
<title>ajax test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">... 
function ajaxRequest()...{ 
var url = $("#stockurl").val() + $("#stockinit").val(); 
$.ajax(...{ 
url: url, 
type: 'GET', 
dataType: 'html', 
timeout: 2000, 
success: function(response)...{ 
var stocks = response.split(';'); 
for(var i=0; i<stocks.length-1; i++)...{ 
var content = stocks[i]; 
var temp1 = content.split('=')[0]; 
var temp2 = content.split('=')[1]; 
var code = temp1.substr(temp1.length - 6, 6); 
var temp3 = temp2.replace('"', ''); 
var name = temp3.split(',')[0]; 
var tday_f = temp3.split(',')[1]; 
var yest_f = temp3.split(',')[2]; 
var curr_f = temp3.split(',')[3]; 
var temp_f = curr_f - yest_f; $('#a'+i).html(code); 
$('#b'+i).html(name); 
if(curr_f > yest_f) ...{ 
$('#c'+i).html("<font color='red'>" + curr_f + "</font>"); 
} else if(curr_f < yest_f) ...{ 
$('#c'+i).html("<font color='green'>" + curr_f + "</font>"); 
} else ...{ 
$('#c'+i).html(curr_f); 
} 
$('#d'+i).html(tday_f); 
$('#e'+i).html(yest_f); 
if(temp_f > 0) ...{ 
$('#f'+i).html("<font color='red'>" + temp_f.toFixed(2) + "</font>"); 
$('#g'+i).html("<font color='red'>" + ((temp_f / yest_f) * 100).toFixed(2) + "</font> % "); 
} else if(temp_f < 0) ...{ 
$('#f'+i).html("<font color='green'>" + temp_f.toFixed(2) + "</font>"); 
$('#g'+i).html("<font color='green'>" + ((temp_f / yest_f) * 100).toFixed(2) + "</font> % "); 
} else ...{ 
$('#f'+i).html(temp_f.toFixed(2)); 
$('#g'+i).html(((temp_f / yest_f) * 100).toFixed(2) + " % "); 
} 
$('#h'+i).html(temp3.split(',')[4]); 
$('#i'+i).html(temp3.split(',')[5]); 
} 
} 
}); 
} 
$(document).ready(function()...{ 
var stocks = $("#stockinit").val().split(','); 
for(var i=0; i<stocks.length; i++)...{ 
addRows(); 
} 
$("#insrow").click(function()...{ 
var stockcd = $("#stockid").val(); 
if(stockcd == "")...{ 
alert("股票代号不能为空!"); 
$("#stockid").focus(); 
return; 
} 
if(stockcd.length != 6)...{ 
alert("股票代号只能是6位!"); 
$("#stockid").focus(); 
return; 
} 
var div = 'sh'; 
if(document.getElementById("sz_id").checked)...{ div = "sz";} 
var stocks = $("#stockinit").val(); 
$("#stockinit").val(stocks + "," + div + stockcd); 
addRows(); 
}); 
$("#delrow").click(function()...{ 
var table = document.getElementById("tableId"); 
var index = table.rows.length; 
if (index < 2)...{ 
alert("已经没有可删除的行了!"); 
} else ...{ 
table.deleteRow(index - 1); 
var stockvalue = $("#stockinit").val(); 
var count = stockvalue.split(',').length; 
if(count == 1) ...{ 
stockvalue = ""; 
} else ...{ 
stockvalue = stockvalue.substr(0, stockvalue.length - 9); 
} 
$("#stockinit").val(stockvalue); 
} 
}); 
window.setInterval("ajaxRequest()",3000); 
}); 
function addRows()...{ 
var table = document.getElementById("tableId"); 
var index = table.rows.length; 
var str=""; 
var row = index - 1; 
str+='<tr class="tr_cls">' 
str+='<td align="center"><span id="' + "a" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "b" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "c" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "d" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "e" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "f" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "g" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "h" + row + '"></span></td>' 
str+='<td align="center"><span id="' + "i" + row + '"></span></td>' 
str+='</tr>'; 
$("#tablebody").append(str); 
} 
</script> 
<style>... 
.tr_cls {...}{ 
height:30px; 
font-size:16px; 
font-family:"Times New Roman", Times, serif; 
background-color:#FFFFCC 
} 
</style> 
</head> 
<body> 
<form> 
<input type="hidden" id="stockurl" value="http://hq.sinajs.cn/list=" /> 
<input type="hidden" id="stockinit" value="sh000001,sz399001,sh601939,sh600016,sh600528,sh600667,sh601390,sh601857,sz000532,sh600019,sh601111,sh601600,sh601006,sh601333,sh601398,sh601988,sh601328" /> 
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" > 
<tr> 
<td width="115px"> 
代号:<input type="text" id="stockid" size="6"> 
</td> 
<td width="150px"> 
区分:上海<input type="radio" name="rad" id="sh_id" checked>深证<input type="radio" name="rad" id="sz_id"> 
</td> 
<td width="40px"> 
<input type="button" id="insrow" value="行追加"> 
</td> 
<td width="495px"> 
<input type="button" id="delrow" value="行削除"> 
</td> 
</tr> 
<tr> 
<td colspan="4"> 
<div style="overflow-y:scroll; overflow-x:auto; height:392px; width:817px"> 
<table id="tableId" width="800" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"> 
<tr bgcolor="#3399FF" height="30px"> 
<th scope="col">股票代号</th> 
<th scope="col">股票名称</th> 
<th scope="col">当前价格</th> 
<th scope="col">今日开盘</th> 
<th scope="col">昨日收盘</th> 
<th scope="col">当前差价</th> 
<th scope="col">涨跌幅度</th> 
<th scope="col">最高价格</th> 
<th scope="col">最低价格</th> 
</tr> 
<tbody id="tablebody"> 
</tbody> 
</table> 
</div> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
微信小程序 二维码canvas绘制实例详解
Jan 06 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
JavaScript中Object值合并方法详解
Dec 22 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
JS 实现分页打印功能
May 16 Javascript
vue实现路由切换改变title功能
May 28 Javascript
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
使用EXT实现无刷新动态调用股票信息
Nov 01 #Javascript
让任务管理器中的CPU跳舞的js代码
Nov 01 #Javascript
js CSS操作方法集合
Oct 31 #Javascript
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 #Javascript
JS Array对象入门分析
Oct 30 #Javascript
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 #Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
Oct 29 #Javascript
You might like
用PHP开发GUI
2006/10/09 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
javascript hashtable 修正版 下载
2010/12/30 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
JavaScript 命名空间 使用介绍
2013/08/29 Javascript
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
softmax及python实现过程解析
2019/09/30 Python
opencv+python实现均值滤波
2020/02/19 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
详解python 内存优化
2020/08/17 Python
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
办公室经理岗位职责
2014/01/01 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
阿凡达观后感
2015/06/10 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL