新浪股票接口ajax动态调用及定时局部刷新

js代码

<script type="text/javascript">

$(document).ready(function(){
$(function () {
setInterval(function () {
parseDataM();
},1000);
})
});
function parseDataM(){
$.ajax({
url:"http://hq.sinajs.cn/list=sz002334,sh601989,sh600031",
dataType:"script",
cache:"false",
type:"GET",
success:function(a){

var gp1=hq_str_sz002334.split(",");
var gp2=hq_str_sh601989.split(",");
var gp3=hq_str_sh600031.split(",");
document.getElementById("info_a1").innerHTML = gp1[0];
document.getElementById("info_a2").innerHTML = gp1[1];
document.getElementById("info_a3").innerHTML = gp1[4];
document.getElementById("info_a4").innerHTML = gp1[5];
document.getElementById("info_a5").innerHTML = gp1[3];

document.getElementById("info_b1").innerHTML = gp2[0];
document.getElementById("info_b2").innerHTML = gp2[1];
document.getElementById("info_b3").innerHTML = gp2[4];
document.getElementById("info_b4").innerHTML = gp2[5];
document.getElementById("info_b5").innerHTML = gp2[3];

document.getElementById("info_c1").innerHTML = gp3[0];
document.getElementById("info_c2").innerHTML = gp3[1];
document.getElementById("info_c3").innerHTML = gp3[4];
document.getElementById("info_c4").innerHTML = gp3[5];
document.getElementById("info_c5").innerHTML = gp3[3];

}
});
}

</script>


html代码

<div class="main">
    <ul>
        <li>【<span id="info_a1"></span>】</li>
        <li><label>开盘:</label><span id="info_a2"></span></li>
        <li><label>最高:</label><span id="info_a3"></span></li>
        <li><label>最低:</label><span id="info_a4"></span></li>
        <li><label>当前:</label><span id="info_a5"></span></li>
    </ul>
    <ul>
        <li>【<span id="info_b1"></span>】</li>
        <li><label>开盘:</label><span id="info_b2"></span></li>
        <li><label>最高:</label><span id="info_b3"></span></li>
        <li><label>最低:</label><span id="info_b4"></span></li>
        <li><label>当前:</label><span id="info_b5"></span></li>
    </ul>
    <ul>
        <li>【<span id="info_c1"></span>】</li>
        <li><label>开盘:</label><span id="info_c2"></span></li>
        <li><label>最高:</label><span id="info_c3"></span></li>
        <li><label>最低:</label><span id="info_c4"></span></li>
        <li><label>当前:</label><span id="info_c5"></span></li>
    </ul>
</div>

猜你喜欢

转载自blog.csdn.net/angellcx/article/details/80776128