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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用ajax技术无刷新动态调用新浪股票实时数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8638字，纯文字阅读大概需要13分钟。

内容图文

新浪的财金频道一直感觉做得很好。但由于最近网速慢的缘故，查看股票信息时网页老是打不开。这几天一直在研究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()...{ 
$.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('=')[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]); 
} 
} 
}); 
} 
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> 
<td align="center"><span id="d0"></span></td> 
<td align="center"><span id="e0"></span></td> 
<td align="center"><span id="f0"></span></td> 
<td align="center"><span id="g0"></span></td> 
<td align="center"><span id="h0"></span></td> 
<td align="center"><span id="i0"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a1"></span></td> 
<td align="center"><span id="b1"></span></td> 
<td align="center"><span id="c1"></span></td> 
<td align="center"><span id="d1"></span></td> 
<td align="center"><span id="e1"></span></td> 
<td align="center"><span id="f1"></span></td> 
<td align="center"><span id="g1"></span></td> 
<td align="center"><span id="h1"></span></td> 
<td align="center"><span id="i1"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a2"></span></td> 
<td align="center"><span id="b2"></span></td> 
<td align="center"><span id="c2"></span></td> 
<td align="center"><span id="d2"></span></td> 
<td align="center"><span id="e2"></span></td> 
<td align="center"><span id="f2"></span></td> 
<td align="center"><span id="g2"></span></td> 
<td align="center"><span id="h2"></span></td> 
<td align="center"><span id="i2"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a3"></span></td> 
<td align="center"><span id="b3"></span></td> 
<td align="center"><span id="c3"></span></td> 
<td align="center"><span id="d3"></span></td> 
<td align="center"><span id="e3"></span></td> 
<td align="center"><span id="f3"></span></td> 
<td align="center"><span id="g3"></span></td> 
<td align="center"><span id="h3"></span></td> 
<td align="center"><span id="i3"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a4"></span></td> 
<td align="center"><span id="b4"></span></td> 
<td align="center"><span id="c4"></span></td> 
<td align="center"><span id="d4"></span></td> 
<td align="center"><span id="e4"></span></td> 
<td align="center"><span id="f4"></span></td> 
<td align="center"><span id="g4"></span></td> 
<td align="center"><span id="h4"></span></td> 
<td align="center"><span id="i4"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a5"></span></td> 
<td align="center"><span id="b5"></span></td> 
<td align="center"><span id="c5"></span></td> 
<td align="center"><span id="d5"></span></td> 
<td align="center"><span id="e5"></span></td> 
<td align="center"><span id="f5"></span></td> 
<td align="center"><span id="g5"></span></td> 
<td align="center"><span id="h5"></span></td> 
<td align="center"><span id="i5"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a6"></span></td> 
<td align="center"><span id="b6"></span></td> 
<td align="center"><span id="c6"></span></td> 
<td align="center"><span id="d6"></span></td> 
<td align="center"><span id="e6"></span></td> 
<td align="center"><span id="f6"></span></td> 
<td align="center"><span id="g6"></span></td> 
<td align="center"><span id="h6"></span></td> 
<td align="center"><span id="i6"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a7"></span></td> 
<td align="center"><span id="b7"></span></td> 
<td align="center"><span id="c7"></span></td> 
<td align="center"><span id="d7"></span></td> 
<td align="center"><span id="e7"></span></td> 
<td align="center"><span id="f7"></span></td> 
<td align="center"><span id="g7"></span></td> 
<td align="center"><span id="h7"></span></td> 
<td align="center"><span id="i7"></span></td> 
</tr> 
<tr class="tr_cls"> 
<td align="center"><span id="a8"></span></td> 
<td align="center"><span id="b8"></span></td> 
<td align="center"><span id="c8"></span></td> 
<td align="center"><span id="d8"></span></td> 
<td align="center"><span id="e8"></span></td> 
<td align="center"><span id="f8"></span></td> 
<td align="center"><span id="g8"></span></td> 
<td align="center"><span id="h8"></span></td> 
<td align="center"><span id="i8"></span></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

习惯用prototype的，把脚本部分的代码替换一下即可。
代码如下:

<script type="text/javascript" src="prototype.js"></script> 
<script type="text/javascript">... 
function ajaxRequest()...{ 
var myAjax = new Ajax.Request( 
'http://hq.sinajs.cn/list=sh000001,sh601939,sh600016,sh600528,sh600667,sh601390,sh601398,sh601857,sh600028', 
...{ 
method: 'get', 
onComplete: setData 
} 
); 
} 
function setData(response) ...{ 
var contents = response.responseText; 
var stocks = contents.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).innerHTML = code; 
$('b'+i).innerHTML = name; 
$('c'+i).innerHTML = curr_f; 
if(curr_f > yest_f) ...{ 
$('c'+i).innerHTML = "<font color='red'>" + curr_f + "</font>"; 
} else if(curr_f < yest_f) ...{ 
$('c'+i).innerHTML = "<font color='green'>" + curr_f + "</font>"; 
} else ...{ 
$('c'+i).innerHTML = curr_f; 
} 
$('d'+i).innerHTML = tday_f; 
$('e'+i).innerHTML = yest_f; 
if(temp_f > 0) ...{ 
$('f'+i).innerHTML = "<font color='red'>" + temp_f.toFixed(2) + "</font>"; 
$('g'+i).innerHTML = "<font color='red'>" + ((temp_f / yest_f) * 100).toFixed(2) + "</font> %"; 
} else if(temp_f < 0) ...{ 
$('f'+i).innerHTML = "<font color='green'>" + temp_f.toFixed(2) + "</font>"; 
$('g'+i).innerHTML = "<font color='green'>" + ((temp_f / yest_f) * 100).toFixed(2) + "</font> %"; 
} else ...{ 
$('f'+i).innerHTML = temp_f.toFixed(2); 
$('g'+i).innerHTML = ((temp_f / yest_f) * 100).toFixed(2) + " % "; 
} 
$('h'+i).innerHTML = temp3.split(',')[4]; 
$('i'+i).innerHTML = temp3.split(',')[5]; 
} 
} 
function pageInit() ...{ 
window.setInterval("ajaxRequest()",3000); 
} 
</script>

当然页面部分完全可以由脚本自动生成，以及页面动态增减股票信息等功能，就等日后修改吧。

内容总结

以上是互联网集市为您收集整理的使用ajax技术无刷新动态调用新浪股票实时数据全部内容，希望文章能够帮你解决使用ajax技术无刷新动态调用新浪股票实时数据所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/382278.html

来源：【匿名】

【上一篇】ajax请求成功后新开窗口window.open()被拦截解决方法【下一篇】AJAX for PHP简单表数据查询实例

更多 ►

【使用ajax技术无刷新动态调用新浪股票实时数据】教程文章相关的互联网学习教程文章

jQuery+AJAX实现网页无刷新上传【代码】

新年礼，提供简单、易套用的 jQuery AJAX上传示例及代码下载。后台对文件的上传及检查，以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET)，内附的 FileUpload 控件，功能不足 (页面必须刷新、不支援 AJAX)，或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观)。网路上虽已有许多可用的示例，如： jQuery File Upload，但功能太强大、外观复杂，欲仅取出部分功能来引用，反而不易。因...

HTML5新属性FormData+Ajax实现无刷新提交【图】

模板页面核心代码：<ignore_js_op> 核心js代码：<ignore_js_op>服务器端测试代码：<ignore_js_op> 效果图如下：<ignore_js_op> 、更多技术资讯可关注：gzitcast原文：https://www.cnblogs.com/heimaguangzhou/p/11452073.html

AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件，支持多样式多数据绑定【图】

本控件可以对GridView,Repeater,DataGrid,DataList...几乎所有的.net数据绑定控件进行分页，全部无刷新，数据绑定部分可以使用存储过程也可以直接使用sql语句，这对本控件没有任何干扰！本控件具有较好的用户界面，能够根据需要变换各种样式，配合css控制效果则更好！ 1.分页样式效果图： 2.如何使用：于bin目录下添加：AspNetAjaxPager.dll引用 aspx文件内容：复制代码代码如下:<%@ Page Language="C#" AutoEventWireup="true" ...

jQuery AJAX 网页无刷新上传示例【代码】【图】

新年礼，提供简单、易套用的 jQuery AJAX 上传示例及代码下载。后台对文件的上传及检查，以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET)，内附的 FileUpload 控件，功能不足 (页面必须刷新、不支援 AJAX)，或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观)。网路上虽已有许多可用的示例，如： jQuery File Upload，但功能太强大、外观复杂，欲仅取出部分功能来引用，反而不易。因...

easyui+ajaxfileupload,无刷新文件上传【代码】【图】

头文件引用<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css"/><link href="easyui/themes/icon.css" rel="stylesheet" type="text/css"/><script src="easyui/jquery.min.js" type="text/javascript"></script><script src="easyui/jquery.easyui.min.js" type="text/javascript"></script><script src="js/ajaxfileupload.js" type="text/javascript"></script>js代码,这里把返回值修改成上传到服...

asp.net AJAX实现无刷新获得数据

register.aspx页面代码: <script　type="text/javascript"> function　checkuser() { var　option={ 　　parameters:"userid="+$("userid").value, 　　method:"post", 　　onSuccess:function(transport){ 　　var　rp=transport.responseText; 　　if(rp=="true") 　　{ 　　　　alert("该用户昵称存在！！"); 　　} 　　else 　　{ 　　　　alert("该用户昵称不存在，请重新输入！！"); 　　} }, onFailure:function(transport)...

AjAX请求后台，无刷新更新页面

$(function () { $(‘#按钮ID‘).click(function () { $.ajax({ url: ‘请求地址‘, data: ‘传递参数‘, datatype: ‘text/plain‘,//请求类型 success: function (返回参数) { if (result == "1") { 返回后处理数据 } }, error: function () { } ...

使用Jquery的Ajax实现无刷新更新，修改，删除页面【代码】【图】

原文:使用Jquery的Ajax实现无刷新更新，修改，删除页面　　本文将向大家讲述一下最近工作的一些总结，主要包括了以下内容，注册界面以及详细信息界面的编辑。主要是介绍了AJAX技术，因为我觉得其他方面没什么好介绍的。首先是跟大家说一下Ajax的优点，假如你删除了一个页面的内容，你想当于点击了一个按钮，那么这个页面必然发生了回发事件，也就是说，你的页面必然被刷新了一次。以下是我从网上找来的一张Ajax的原理图，本人PS技术...

Ajax的底层实现--使用Ajax实现无刷新登录实例--解决ajax中URl参数带中文的乱码问题【代码】

1.jsp代码第一部分（html代码）：前端页面 <div id="login"> 用户名： <input type="text" id="userName"/> 　　　　　　　　　　　  密码： <input type="password" id="psw"/> 　　　　　　　　　　　　 <input type="submit" value="登录" onclick="check()"/>　　　 <div id="tip"></div> 　　　　　　　　　　　 </div> ...

ajax无刷新提交【代码】

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。先创建两个文件，一个作为服务器端页面文件，一个作为web端页面文件。分别是ajax.php,ajax.html.ajax.php<?php $fp = fopen("./02.txt","a");//打开一个文件fwrite($fp,"PHP_ _ _");//往打开的文件里面写入“PHP_ _ _”fclose($fp); ?>ajax.html<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ...

ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法，_PHP教程【图】

ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法，本文实例讲述了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法。分享给大家供大家参考。具体实现方法分析如下：首先，AjaxFileUploader插件是一个基于jquery的插件，我们可以使用AjaxFileUploader插件来实现文件异步上传功能了，使用这款插件上传文件不要担心兼容性的问题，它的兼容性可以说兼容所有主流浏览器，下面来给大家介绍一个AjaxFileUploader+thinkphp实...

jquery+ajax+C#实现无刷新操作数据库数据的简单实例

我们知道同步执行和异步执行的区别，为了更好的提高用户的体验，我们都会采用异步方式去处理一些问题，毕竟单线程的同步可能回造成卡死等现象，很不友好，所以可以使用ajax来完成用户的体验，现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容我们只是单方面的获取内容，分页等就不考虑了，后期会讲到无刷新的分页页面中我们放置一个Div容器用来存放返回的内容 <div id="comment"><img src="images/Wait.gif" title="...

PHP+AJAX无刷新分页实现代码详解(1/2)_PHP教程

PHP+AJAX无刷新分页实现代码详解,最近在看ajax 教程，就想写个简单入门的PHP+AJAX无刷新分页，我们依据ajax开发框架代码如下var http_request=false;function send_request(url){//初始化，指定处理函数，发送请求的函数 http_request=false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest){//Mozilla浏览器http_request=new XMLHttpRequest();if(http_request.overrideMimeType){//设置MIME类别http_request.overrid...

php+ajax无刷新上传图片实例代码【图】

本文分享了php结合ajax实现无刷新上传图片的实例代码，分享给大家，希望大家可以和小编一起学习学习，共同进步。 1.引入文件 <script type="text/javascript" src="/js/jquery.form.js"></script> <script type="text/javascript" src="/js/uploadImg.js"></script> <link href="/css/uploadImg.css" rel="stylesheet" type="text/css" />  2.html部分<div class="upimg"><input name="icon...

ajax+php无刷新回贴和注册检验实例_PHP教程

本文章来给大家介绍一个原生态的ajax+php无刷新回贴和注册检验实例，如果你对此有兴趣不防进入参考哦。先看xin.sql数据库，我们可直接复制保存成xxx.sql哦。代码如下 use xin; CREATE TABLE bbs_post (id int(11) NOT NULL auto_increment,title varchar(255) NOT NULL,username varchar(255) NOT NULL,content varchar(255) NOT NULL,threadid int(11) NOT NULL,PRIMARY KEY (id) );INSERT INTO bbs_post VALUES (1,大家了解Ajax...

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

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

内容导读

内容图文

内容总结

内容备注

内容手机端

【使用ajax技术无刷新动态调用新浪股票实时数据】教程文章相关的互联网学习教程文章

jQuery+AJAX实现网页无刷新上传【代码】

HTML5新属性FormData+Ajax实现无刷新提交【图】

AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件，支持多样式多数据绑定【图】

jQuery AJAX 网页无刷新上传示例【代码】【图】

easyui+ajaxfileupload,无刷新文件上传【代码】【图】

asp.net AJAX实现无刷新获得数据

AjAX请求后台，无刷新更新页面

使用Jquery的Ajax实现无刷新更新，修改，删除页面【代码】【图】

Ajax的底层实现--使用Ajax实现无刷新登录实例--解决ajax中URl参数带中文的乱码问题【代码】

ajax无刷新提交【代码】

ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法，_PHP教程【图】

jquery+ajax+C#实现无刷新操作数据库数据的简单实例

PHP+AJAX无刷新分页实现代码详解(1/2)_PHP教程

php+ajax无刷新上传图片实例代码【图】

ajax+php无刷新回贴和注册检验实例_PHP教程

AJAX - 相关标签

实时数据 - 相关标签

技术 - 相关标签

AJAX - 技术教程分类

AJAX - 最新教程

AJAX - 最热教程