<div class="codetitle"> <span><a style="CURSOR: pointer" data="28927" class="copybut" id="copybut28927" onclick="doCopy('code28927')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code28927"> <br> <br> <br><title>ajax test</title> <br><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <br><script type="text/javascript" src="jquery.js"></script> <br><script type="text/javascript">... <BR>function ajaxRequest()...{ <BR>var url = $("#stockurl").val() + $("#stockinit").val(); <BR>$.ajax(...{ <BR>url: url, <BR>type: 'GET', <BR>dataType: 'html', <BR>timeout: 2000, <BR>success: function(response)...{ <BR>var stocks = response.split(';'); <BR>for(var i=0; i<stocks.length-1; i++)...{ <BR>var content = stocks[i]; <BR>var temp1 = content.split('=')[0]; <BR>var temp2 = content.split('=')[1]; <BR>var code = temp1.substr(temp1.length - 6, 6); <BR>var temp3 = temp2.replace('"', ''); <BR>var name = temp3.split(',')[0]; <BR>var tday_f = temp3.split(',')[1]; <BR>var yest_f = temp3.split(',')[2]; <BR>var curr_f = temp3.split(',')[3]; <BR>var temp_f = curr_f - yest_f; <br><br>$('#a'+i).html(code); <BR>$('#b'+i).html(name); <BR>if(curr_f > yest_f) ...{ <BR>$('#c'+i).html("<font color='red'>" + curr_f + ""); <BR>} else if(curr_f < yest_f) ...{ <BR>$('#c'+i).html("<font color='green'>" + curr_f + ""); <BR>} else ...{ <BR>$('#c'+i).html(curr_f); <BR>} <BR>$('#d'+i).html(tday_f); <BR>$('#e'+i).html(yest_f); <BR>if(temp_f > 0) ...{ <BR>$('#f'+i).html("<font color='red'>" + temp_f.toFixed(2) + ""); <BR>$('#g'+i).html("<font color='red'>" + ((temp_f / yest_f) * 100).toFixed(2) + " % "); <BR>} else if(temp_f < 0) ...{ <BR>$('#f'+i).html("<font color='green'>" + temp_f.toFixed(2) + ""); <BR>$('#g'+i).html("<font color='green'>" + ((temp_f / yest_f) * 100).toFixed(2) + " % "); <BR>} else ...{ <BR>$('#f'+i).html(temp_f.toFixed(2)); <BR>$('#g'+i).html(((temp_f / yest_f) * 100).toFixed(2) + " % "); <BR>} <BR>$('#h'+i).html(temp3.split(',')[4]); <BR>$('#i'+i).html(temp3.split(',')[5]); <BR>} <BR>} <BR>}); <BR>} <br><br>$(document).ready(function()...{ <br><br>var stocks = $("#stockinit").val().split(','); <BR>for(var i=0; i<stocks.length; i++)...{ <BR>addRows(); <BR>} <br><br>$("#insrow").click(function()...{ <br><br>var stockcd = $("#stockid").val(); <BR>if(stockcd == "")...{ <BR>alert("股票代号不能为空！"); <BR>$("#stockid").focus(); <BR>return; <BR>} <BR>if(stockcd.length != 6)...{ <BR>alert("股票代号只能是6位！"); <BR>$("#stockid").focus(); <BR>return; <BR>} <BR>var div = 'sh'; <BR>if(document.getElementById("sz_id").checked)...{ div = "sz";} <BR>var stocks = $("#stockinit").val(); <BR>$("#stockinit").val(stocks + "," + div + stockcd); <BR>addRows(); <BR>}); <br><br>$("#delrow").click(function()...{ <BR>var table = document.getElementById("tableId"); <BR>var index = table.rows.length; <BR>if (index < 2)...{ <BR>alert("已经没有可删除的行了!"); <BR>} else ...{ <BR>table.deleteRow(index - 1); <BR>var stockvalue = $("#stockinit").val(); <BR>var count = stockvalue.split(',').length; <BR>if(count == 1) ...{ <BR>stockvalue = ""; <BR>} else ...{ <BR>stockvalue = stockvalue.substr(0, stockvalue.length - 9); <BR>} <BR>$("#stockinit").val(stockvalue); <BR>} <BR>}); <br><br>window.setInterval("ajaxRequest()",3000); <BR>}); <br><br>function addRows()...{ <BR>var table = document.getElementById("tableId"); <BR>var index = table.rows.length; <BR>var str=""; <BR>var row = index - 1; <BR>str+='<tr class="tr_cls">' <BR>str+='<td align="center"><span id="' + "a" + row + '">' <BR>str+='<td align="center"><span id="' + "b" + row + '">' <BR>str+='<td align="center"><span id="' + "c" + row + '">' <BR>str+='<td align="center"><span id="' + "d" + row + '">' <BR>str+='<td align="center"><span id="' + "e" + row + '">' <BR>str+='<td align="center"><span id="' + "f" + row + '">' <BR>str+='<td align="center"><span id="' + "g" + row + '">' <BR>str+='<td align="center"><span id="' + "h" + row + '">' <BR>str+='<td align="center"><span id="' + "i" + row + '">' <BR>str+=''; <BR>$("#tablebody").append(str); <BR>} <BR></script> <br><style>... <BR>.tr_cls {...}{ <BR>height:30px; <BR>font-size:16px; <BR>font-family:"Times New Roman", Times, serif; <BR>background-color:#FFFFCC <BR>} <BR></style> <br> <br> <br><form> <br><input type="hidden" id="stockurl" value="http://hq.sinajs.cn/list="> <br><input type="hidden" id="stockinit" value="sh000001,sz399001,sh601939,sh600016,sh600528,sh600667,sh601390,sh601857,sz000532,sh600019,sh601111,sh601600,sh601006,sh601333,sh601398,sh601988,sh601328"> <br><table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <br><tr> <br><td width="115px"> <br>代号:<input type="text" id="stockid" size="6"> <br> </td> <br><td width="150px"> <br>区分:上海<input type="radio" name="rad" id="sh_id" checked>深证<input type="radio" name="rad" id="sz_id"> <br> </td> <br><td width="40px"> <br><input type="button" id="insrow" value="行追加"> <br> </td> <br><td width="495px"> <br><input type="button" id="delrow" value="行削除"> <br> </td> <br> </tr> <br><tr> <br><td colspan="4"> <br><div style="overflow-y:scroll; overflow-x:auto; height:392px; width:817px"> <br><table id="tableId" width="800" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"> <br><tr bgcolor="#3399FF" height="30px"> <br><th scope="col">股票代号</th> <br><th scope="col">股票名称</th> <br><th scope="col">当前价格</th> <br><th scope="col">今日开盘</th> <br><th scope="col">昨日收盘</th> <br><th scope="col">当前差价</th> <br><th scope="col">涨跌幅度</th> <br><th scope="col">最高价格</th> <br><th scope="col">最低价格</th> <br> </tr> <br><tbody id="tablebody"> <br> </tbody> <br> </table> <br> </div> <br> </td> <br> </tr> <br> </table> <br> </form> <br> <br><br> </div>
