使用ajax技术无刷新动态调用股票信息_AJAX相关教程-查字典教程网

使用ajax技术无刷新动态调用股票信息

摘要：复制代码代码如下:ajaxtest...functionajaxRequest()...{$.ajax(...{url:'http://hq...

复制代码代码如下:

<html>

<head>

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("" + curr_f + "");

} else if(curr_f < yest_f) ...{

$('#c'+i).html("" + curr_f + "");

} else ...{

$('#c'+i).html(curr_f);

}

$('#d'+i).html(tday_f);

$('#e'+i).html(yest_f);

if(temp_f > 0) ...{

$('#f'+i).html("" + temp_f.toFixed(2) + "");

$('#g'+i).html("" + ((temp_f / yest_f) * 100).toFixed(2) + " % ");

} else if(temp_f < 0) ...{

$('#f'+i).html("" + temp_f.toFixed(2) + "");

$('#g'+i).html("" + ((temp_f / yest_f) * 100).toFixed(2) + " % ");

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

<form>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

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

复制代码代码如下:

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 = "" + curr_f + "";

} else if(curr_f < yest_f) ...{

$('c'+i).innerHTML = "" + curr_f + "";

} else ...{

$('c'+i).innerHTML = curr_f;

}

$('d'+i).innerHTML = tday_f;

$('e'+i).innerHTML = yest_f;

if(temp_f > 0) ...{

$('f'+i).innerHTML = "" + temp_f.toFixed(2) + "";

$('g'+i).innerHTML = "" + ((temp_f / yest_f) * 100).toFixed(2) + " %";

} else if(temp_f < 0) ...{

$('f'+i).innerHTML = "" + temp_f.toFixed(2) + "";

$('g'+i).innerHTML = "" + ((temp_f / yest_f) * 100).toFixed(2) + " %";

} 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和history.pushState无刷新改变页面URL示例

★ ajax 服务器文本框自动填值

★ Ajax技术(WEB无刷新提交数据)-

★ 基于ajax实现点击加载更多无刷新载入到本页

★ Ajax 无刷新在注册用户名时判断是否为空是否被使用

★ Ajax核心技术代码分享

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

★ Ajax 无刷新在注册用户名时的应用的代码

★ ajax基本通用代码示例

★ 使用原生ajax处理json字符串的方法

上一篇：有史以来最简单的AJAX回调库

下一篇：利用AJAX开源项目在网页里播放视频实现方法

学习工具