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 相关文章推荐
window.open()实现post传递参数
Mar 12 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
Nov 04 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
Element Alert警告的具体使用方法
Jul 27 Javascript
使用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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
CI(CodeIgniter)框架配置
2014/06/10 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
JS常用算法实现代码
2016/11/14 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
python简单的函数定义和用法实例
2015/05/07 Python
Python创建模块及模块导入的方法
2015/05/27 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
数据员岗位职责
2013/11/19 职场文书
5s推行计划书
2014/05/06 职场文书
预备党员公开承诺书
2014/05/28 职场文书
单位租房协议书范本
2014/12/04 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
Python趣味挑战之用pygame实现简单的金币旋转效果
2021/05/31 Python
react 路由Link配置详解
2021/11/11 Javascript
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers