如何通过AJAX等方法定时执行PHP脚本为JavaScript变量赋值

步骤1：拆分数据库查询逻辑为独立接口 #

首先你需要把原本写在index.php里的数据库查询逻辑单独抽出来，做成一个专门返回数据的PHP文件，比如命名为get_data.php，代码示例如下：

<?php
// 这里写原本的数据库连接、查询逻辑
$data = // connects to database and gives new data  

// 设置返回格式为JSON
header('Content-Type: application/json');
echo json_encode($data);
exit;
?>

步骤2：修改index.php中的JavaScript逻辑，使用AJAX拉取数据 #

你可以用原生fetch API发送请求，不需要额外引入第三方库，修改后的loaddata函数逻辑如下：

function loaddata(){
    // 向独立的PHP接口发送请求
    fetch('get_data.php')
    .then(response => response.json())
    .then(data => {
        // 这里的data就是接口返回的最新数据，你可以直接使用
        console.log('最新数据：', data);
        // 后续你的业务逻辑写在这里
    })
    .catch(error => {
        // 可选：添加错误处理逻辑
        console.error('请求数据失败：', error);
    });
}

// 每3秒调用一次拉取最新数据
setInterval(loaddata, 3000);

注意事项 #

• 确保get_data.php和index.php放在同一个域名下，否则会触发跨域限制，需要额外做跨域处理
• 可以根据需要在get_data.php里添加权限校验逻辑，避免数据接口被恶意调用
• 如果需要兼容低版本浏览器，可以把fetch替换为XMLHttpRequest实现AJAX请求

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