帮忙看一下这段代码的问题,添加的行显示错误。(依赖jquery.js 未给出)

CheneyWong 发布于 2013/04/16 23:50
阅读 113
收藏 1
<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>
加载中
0
CheneyWong
CheneyWong
这个是我发的么?
返回顶部
顶部