sponsored links

使用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、调整完善页面样式

Tags: