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

复制代码代码如下:

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

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

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

教程首页更多教程