如何在JavaScript中调用PHP文件并传递变量完成计算？

我来帮你搞定这个问题～ 因为JavaScript运行在浏览器前端，PHP运行在服务器后端，两者没法直接共享变量，所以我们需要通过AJAX请求来实现数据的传递和结果的返回。下面是具体的实现方案和修改后的代码：

核心逻辑 #

1. 前端JavaScript收集好需要计算的RSSI数据数组
2. 通过AJAX将数组发送到你的myphpfile.php后端
3. PHP接收数据后执行均值和标准差的计算
4. PHP将计算结果以JSON格式返回给前端
5. JavaScript接收结果并按需使用

1. 修改你的JavaScript代码 #

在你收集完符合条件的RSSI数据到temp数组后，添加AJAX请求来和PHP交互。这里我们用jQuery的$.ajax方法（你的代码已经依赖jQuery，刚好能用）：

$("#upload").on("click", function(){
    var csv = $('#csv');
    var csvFile = csv[0].files[0];
    var ext = csv.val().split(".").pop().toLowerCase();
    if($.inArray(ext, ["csv"]) === -1){
        alert('upload csv');
        return false;
    }
    if(csvFile != undefined){
        reader = new FileReader();
        reader.onload = function(e){
            csvResult = e.target.result.split(/\r|\n|\r\n/);
            var temp=[];
            for(i=0;i< csvResult.length; i++){
                if(csvResult[i] != "" && csvResult[i] != null){
                    var data = csvResult[i].split(",");
                    var rssi = data[0];
                    var distance = data[1];
                    var rssisample = 8;
                    if(distance == 1){
                        temp.push(rssi);
                    }
                }
            }

            // --- 新增AJAX请求部分 ---
            if(temp.length > 0){
                $.ajax({
                    url: 'myphpfile.php', // 你的PHP文件路径
                    type: 'POST',
                    data: {
                        rssiArray: temp // 把收集到的RSSI数组传给PHP
                    },
                    dataType: 'json', // 指定接收JSON格式的结果
                    success: function(response){
                        // 成功接收到PHP返回的结果
                        console.log('均值RSSI:', response.avgRSSI);
                        console.log('标准差:', response.standardDeviation);
                        // 这里可以根据需求处理结果，比如更新页面或者继续后续逻辑
                    },
                    error: function(xhr, status, error){
                        console.error('请求失败:', error);
                        alert('计算请求失败，请重试');
                    }
                });
            }
            // --- AJAX请求结束 ---
        }
        reader.readAsText(csvFile); // 别忘了添加这行，否则FileReader不会读取文件！
    }
})

2. 修改你的PHP文件（myphpfile.php） #

PHP需要接收前端传来的RSSI数组，完成计算后返回JSON格式的结果。我调整了你的代码，去掉了不必要的全局变量，让逻辑更清晰：

<?php
// 只处理POST请求
if($_SERVER['REQUEST_METHOD'] === 'POST'){
    // 接收前端传来的RSSI数组
    $arrTimeRSSI = $_POST['rssiArray'];
    // 确保数组不是空的，并且所有元素都是数值
    $arrTimeRSSI = array_map('floatval', $arrTimeRSSI);
    $num_of_elements = count($arrTimeRSSI);

    if($num_of_elements < 2){
        // 计算标准差至少需要2个数据
        echo json_encode([
            'error' => '数据量不足，无法计算标准差'
        ]);
        exit;
    }

    // 计算均值
    $avgRSSI = array_sum($arrTimeRSSI) / $num_of_elements;

    // 计算标准差的函数（改用参数传递，避免全局变量）
    function StandardDeviation($arr, $avg, $count){
        $variance = 0.0;
        foreach($arr as $x){
            $variance += pow(($x - $avg), 2);
        }
        $newElements = $count - 1;
        return (float)sqrt($variance / $newElements);
    }

    // 执行标准差计算
    $standardDeviation = StandardDeviation($arrTimeRSSI, $avgRSSI, $num_of_elements);

    // 返回JSON格式的结果
    header('Content-Type: application/json');
    echo json_encode([
        'avgRSSI' => $avgRSSI,
        'standardDeviation' => $standardDeviation
    ]);
    exit;
}

// 如果不是POST请求，返回错误
header('Content-Type: application/json');
echo json_encode(['error' => '无效的请求方式']);
?>

关键注意事项 #

• 确保你的PHP文件路径在AJAX的url参数里是正确的（比如如果PHP和HTML在同一目录下，直接写文件名即可）
• FileReader需要调用readAsText()才会开始读取文件，我在你的JS代码里补了这行，之前的代码漏掉了
• 处理了数据量不足的情况（计算标准差至少需要2个数据），避免PHP报错
• 用array_map('floatval', $arrTimeRSSI)确保所有RSSI值都是数值类型，避免计算出错

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