使用ajax轮询做实时数据更新

<?php 
header('content-type:text/html;charset=utf-8');
$op = isset($_POST['op']) ? $_POST['op'] : '';
if ($op == 'getdata') {
    $url = "http://market.huobi.com/staticmarket/detail.html";
    $content = file_get_contents($url);
    $content = str_replace("view_detail(", "[", $content);
    $content = str_replace(")", "]", $content);
     
    echo $content;
    //$data = json_decode($content, true);
    exit;
}
?>
<div id="abc"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
setInterval("test()",2000);
function test() {
    $.ajax({
        type: "POST",
        url: "answer.php",
        timeout: 60000,
        async: true,
        data: "op=getdata",
        success: function(data, textStatus) {    
            $("#abc").html(data);
        }
    });
}
</script>

1、将需要刷新的页面数据片段单独做出来

2、在原始页面中使用ajax轮询，每2秒请求一次，将请求得到的页面片段放入原始页面中对应的位置

3、调整完善页面样式