ajax无刷新动态调用股票信息(改良版)_jquery

复制代码 代码如下:

<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>

时间: 2024-10-26 06:45:12

ajax无刷新动态调用股票信息(改良版)_jquery的相关文章

使用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&

使用EXT实现无刷新动态调用股票信息_YUI.Ext相关

说句老实话,我目前还对Ext技术不是很熟,所以写的代码自己也觉得怪怪的,有什么不对的地方,还望赐教.使用的Ext版本是ext-2.2,下载地址为:http://www.extjs.com/products/extjs/download.php下载Ext JS 2.2 SDK,解压后拷贝resources文件夹至工作目录. 在resources文件夹下新建jscript文件夹,并拷贝ext根目录下ext-all.js文件及adapter\ext\ext-base.js文件至jscript文件夹下,

使用ajax技术无刷新动态调用新浪股票实时数据_AJAX相关

新浪的财金频道一直感觉做得很好.但由于最近网速慢的缘故,查看股票信息时网页老是打不开.这几天一直在研究ajax,于是用jquery自己做了一个自动读取新浪股票实时数据的页面. <html> <head> <title>ajax test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <scri

使用ajax技术无刷新动态调用新浪股票实时数据

新浪的财金频道一直感觉做得很好.但由于最近网速慢的缘故,查看股票信息时网页老是打不开.这几天一直在研究ajax,于是用jquery自己做了一个自动读取新浪股票实时数据的页面. <html> <head> <title>ajax test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <scri

SSH 网站制作之AJAX无刷新动态更新页面

在做网页时,经常需要根据用户输入信息,进行"局部页面的刷新"也就是要使用所谓的AJAX技术.最近正好也在用,就总结一下. 1.AJAX介绍       AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术.通过 AJAX,JavaScript 可使用XMLHttpRequest对象来直接与服务器进行通信.通过这个对象,JavaScript 可在不重载页面的情况与WEB服务器交换数据. AJAX 在浏览器与 Web 服务器之间使用异步数据传输(H

js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现

 这篇文章主要介绍了js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现,需要的朋友可以参考下  代码如下: <script>  window.onload=function(){  upfile('file.php');  }      /*  ** url 路径  **/  function upfile(url){  //创建iframe  var iframe = document.createElement("iframe");  document.b

ajax+php 无刷新数据调用经典实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

.net Ajax无刷新技术

ajax|刷新|无刷新 [导读]Ajax技术了,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面.本文通过一个实例带大家体验.net Ajax无刷新技术-- 下载一个.net Ajax开发包,该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/,接下来,开始. 1. 新建一个项目,在引用中添加引用Ajax.dll,Ajax.dll位于下载的压缩包里面

关于 应用ajax无刷新时网页变慢的问题

问题描述 如题,是这样的,本人在调试asp.net网页时应用了ajax无刷新来增强用户体验,但实际情况是,无刷新是做到了,在自己电脑上还好,而发布为网站后在点一个按钮时会在隔了7.8秒之后才得到数据,这样的异步刷新也太慢了,请问问题出在哪里? 解决方案 解决方案二: 在自己本机响应的时间大概是多少呢?解决方案三: 自己电脑上最多2.3秒解决方案四: 本机响应时间应该算是正常的.服务器上慢.应该是服务器速度的问题了.解决方案五: 不是啊,原来没有用ajax时,网页在自己电脑和服务器上都是2.3秒的