如何在PHP异步函数中获取页面result元素内容并存入数据库

你犯了一个典型的服务端/客户端运行时序错误：PHP在服务端执行，输出HTML和JS代码后就结束了；而JS渲染页面的操作是在浏览器（客户端）完成的。你用PHP的DOMDocument获取的是服务端输出的原始HTML源码，这时候id="result"的div里还没有JS渲染的内容（甚至可能原始源码里这个div本身就是空的），所以getElementById返回null，触发报错。

既然你已经用Guzzle在PHP里完成了爬取和内容处理，在输出JS渲染代码之前，直接把处理好的结果存入数据库即可，完全不需要绕到客户端再取一遍。

示例代码：

// Guzzle异步请求处理完成，得到处理后的爬取结果$processedData
$processedData = '这里是你处理好的爬取内容';

// 先执行数据库存储操作
$pdo = new PDO('mysql:host=localhost;dbname=your_db', 'user', 'pass');
$stmt = $pdo->prepare("INSERT INTO crawl_results (content) VALUES (?)");
$stmt->execute([$processedData]);

// 再输出JS代码，将结果渲染到页面的result div中
echo "<script>document.getElementById('result').innerHTML = '".addslashes($processedData)."'; </script>";

这种方式一步到位，既完成了数据持久化，又实现了页面渲染，效率最高。

如果爬取结果需要经过客户端JS的二次处理（比如动态格式化、生成交互元素），必须获取最终渲染后的div内容，那得通过AJAX把客户端DOM内容发回服务端：

1. 页面渲染完成后，用JS获取div内容并发送POST请求到当前PHP文件：

window.addEventListener('load', function() {
    const resultContent = document.getElementById('result').innerHTML;
    // 发送到当前PHP文件的存库分支
    fetch(window.location.href, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: 'action=save_result&content=' + encodeURIComponent(resultContent)
    });
});

2. 在PHP文件开头处理这个POST请求：

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'save_result') {
    $content = urldecode($_POST['content']);
    // 执行数据库存储操作
    $pdo = new PDO('mysql:host=localhost;dbname=your_db', 'user', 'pass');
    $stmt = $pdo->prepare("INSERT INTO crawl_results (content) VALUES (?)");
    $stmt->execute([$content]);
    echo '保存成功';
    exit;
}

// 下方保留你原来的Guzzle异步爬取、输出JS渲染代码
// ...

内容的提问来源于stack exchange，提问作者Lo Dennis