如何通过Ajax将jQuery中的变量传递至PHP文件

你当前使用的代码其实已经完成了GET方式的JS变量到PHP的传递，你把str变量的值拼接在请求URL的q参数后，PHP端直接通过$_GET['q']就能获取到这个变量的值，你之前只用它获取HTML内容是因为PHP端返回的是HTML，你可以自由调整PHP端返回的内容格式。

1. GET方式（你当前在用的方案） #

• 适用场景：传递非敏感、长度较短的变量
• PHP侧接收示例：

<?php
// 直接获取前端传过来的q参数的值
$received_str = $_GET['q'];
// 这里写你自己的业务处理逻辑，比如查询数据库、数据计算等
// 返回内容可以是纯文本、JSON、数字等任意格式，不一定是HTML
echo "收到的变量值是：" . $received_str;
?>

• 注意事项：GET参数会直接暴露在请求URL中，不要传递密码等敏感信息，单条URL总长度建议不要超过2KB，避免被浏览器截断。

2. POST方式（适合传敏感/大容量数据） #

• 适用场景：传递表单数据、大段文本、敏感信息，没有长度限制
• 原生AJAX实现示例：

function postVarToPhp(var1, var2) {
    const xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // 这里可以自定义处理PHP返回的结果
            console.log('PHP返回结果：', this.responseText);
        }
    }
    xmlhttp.open("POST", "server.php", true);
    // 必须设置请求头，告知PHP传入的是表单格式数据
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // 多个变量用&分隔拼接在send方法中
    xmlhttp.send(`param1=${var1}&param2=${var2}`);
}

• PHP侧接收示例：

<?php
$param1 = $_POST['param1'];
$param2 = $_POST['param2'];
// 业务处理逻辑写在这里
?>

3. jQuery简化写法 #

如果你的项目已经引入了jQuery，可以用更简洁的写法实现同样的效果：

// GET方式传递
$.get('server.php', {q: str}, function(res) {
    $('#div_window').html(res);
});

// POST方式传递
$.post('server.php', {param1: val1, param2: val2}, function(res) {
    console.log(res);
});

• 先理清HTTP请求的基本逻辑，搞懂GET和POST请求的核心差异，熟悉「前端发请求→后端接收处理→返回响应→前端处理响应」的完整流程
• 先跑通最小demo：比如前端传一个数字给PHP，PHP收到后做加1运算返回，前端弹出返回结果，跑通一次完整流程就能掌握核心逻辑
• 进阶可以学习用JSON格式传递复杂变量：前端可以直接传数组、对象类型的变量，PHP侧用json_decode()解析，处理完成后用json_encode()转成JSON格式返回，前端可以直接当做对象操作，不用手动解析字符串。

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