【 tulaoshi.com - Web开发 】
代码如下:
html
head
titleajax 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; istocks.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; istocks.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
