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

本文介绍了一种利用PHP进行数据获取并通过AJAX实现网页局部定时刷新的方法。具体步骤包括:1. 将待刷新的数据部分独立出来;2. 使用AJAX每2秒从服务器请求数据并更新页面显示;3. 调整样式确保整体视觉效果一致。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值