使用PHP+HTML,实现流式输出效果(仿DeepSeek等对话式AI)

效果演示

在这里插入图片描述

后端代码

<?php
// 关闭输出缓冲
ini_set('output_buffering', 'off');
ini_set('zlib.output_compression', false);
while (ob_get_level()) ob_end_clean(); // 清除所有缓冲层

// 设置HTTP头(流式内容类型 + 禁用缓存)
header('Content-Type: text/plain; charset=utf-8');
header('Cache-Control: no-cache');
header('X-Accel-Buffering: no');

// 模拟对话回复内容
$messages = [
    "你好!我正在分析您的问题...\n",
    "已找到相关解决方案,请稍等。\n",
    "处理完成!以下是详细回答:\n"
];

// 流式输出每条消息
foreach ($messages as $msg) {
   
    // 逐字输出(可选)
    // $length = strlen($msg);
    $length = mb_strlen($msg);
    for ($i=0; $i<$length; $i++) {
   
        // echo $msg[$i];
        $char = mb_substr($msg, $i, 1, 'UTF-8');
        echo $char;
        ob_flush(); // 刷新PHP缓冲
        flush();    // 刷新Web服务器缓冲
        usleep(50000); // 50ms延迟模拟打字效果
    }
}

// 持续生成内容的例子(如从数据库/API获取)
for (
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值