如何用JavaScript请求PHP文件并传参，实现类PHP include无刷新效果

你遇到的核心问题是AJAX请求和PHP include的运行机制完全不同：include是服务端在同一个请求上下文里直接加载代码，能共享当前页面的PHP变量；但AJAX是客户端发起一个全新的HTTP请求，目标脚本（feedP.php）会在独立的PHP上下文里执行，根本看不到主页面的$urls变量。

下面给你两种可行的解决方案，都是通过显式传递参数的方式让feedP.php拿到$urls：

方案一：用AJAX的POST请求传递序列化后的$urls #

这种方法适合$urls是数组或者复杂结构的情况，步骤如下：

1. 修改主页面的JavaScript代码 #

把主页面的PHP变量$urls转成JavaScript可识别的格式（用json_encode），然后在AJAX请求时把它作为参数传给feedP.php：

<br>
<div id="seeMore"></div>
<br>
<ul>
    <li style="float: left">
        <a href="#" onclick="loadMore();">Ver Mais</a>
    </li>
</ul>
<script type="text/javascript">
function loadMore() {
    // 将PHP的$urls转为JS变量
    const pageUrls = <?php echo json_encode($urls); ?>;
    
    // 用load方法的第二个参数传递数据（默认是POST请求）
    $("#seeMore").load("feedP.php", { urls: pageUrls }, function(response, status) {
        if (status === "error") {
            console.error("加载失败，请检查请求");
        }
    });
}
</script>

2. 修改feedP.php接收参数 #

在feedP.php里接收POST过来的参数，解码后再调用loadFeeds：

<?php
echo 'test';
require_once('functions.php');

// 检查参数是否存在，然后解码
if (isset($_POST['urls'])) {
    // 处理可能的转义字符，解码为PHP数组
    $urls = json_decode(stripslashes($_POST['urls']), true);
    
    // 验证参数格式（可选但推荐）
    if (is_array($urls)) {
        loadFeeds($urls, 5);
    } else {
        echo "参数格式错误";
    }
} else {
    echo "缺少必要参数：urls";
}
?>

方案二：用URL查询参数传递（适合$urls是简单字符串） #

如果$urls只是单个字符串，也可以直接把它拼在请求URL后面：

主页面JS修改： #

function loadMore() {
    const pageUrls = <?php echo json_encode($urls); ?>;
    $("#seeMore").load(`feedP.php?urls=${encodeURIComponent(pageUrls)}`);
}

feedP.php接收： #

<?php
echo 'test';
require_once('functions.php');

if (isset($_GET['urls'])) {
    $urls = urldecode($_GET['urls']);
    loadFeeds($urls, 5);
} else {
    echo "缺少参数";
}
?>

关键提醒 #

• 如果你传递的是敏感数据，一定要用POST请求，避免数据暴露在URL里；
• 记得对传递的参数做验证（比如检查是否是预期的类型），防止注入类安全问题；
• json_encode会自动处理特殊字符和数组结构，是传递复杂PHP数据到JS的最佳方式。

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