使用ajax技术无刷新动态调用股票信息
鉴于大家对Ajax十分关注，我们编辑小组在此为大家搜集整理了“使用ajax技术无刷新动态调用股票信息”一文，供大家参考学习!
复制代码 代码如下:<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()...{
$.ajax(...{
url: ''http://hq.sinajs.cn/list=sh000001,sh601939,sh600016,sh600528,sh600667,sh601390,sh601398,sh601857,sh600028'',
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(''='');
var code = temp1.substr(temp1.length - 6, 6);
var temp3 = temp2.replace(''"'', '''');
var name = temp3.split('','')[0];
var tday_f = temp3.split('','');
var yest_f = temp3.split('','');
var curr_f = temp3.split('','');
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('',''));
$(''#i''+i).html(temp3.split('',''));
}
}
});
}
function pageInit() ...{
window.setInterval("ajaxRequest()",3000);
}
</script>
<style>...
.tr_cls {...}{
height:30px;
font-size:16px;
font-family:"Times New Roman", Times, serif;
background-color:#FFFFCC
}
</style>
</head>
<body onLoad="pageInit();">
<form>
<table 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>
<tr class="tr_cls">
<td align="center"><span id="a0"></span></td>
<td align="center"><span id="b0"></span></td>
<td align="center"><span id="c0"></span></td>
&