AngularJS下拉框选中值如何传递至PHP后端？

看起来你已经走完大半流程啦——下拉选项成功加载、PHP接口测通了，甚至已经拿到了下拉框的选中值，就差最后一步把这个值传给PHP对吧？我来给你捋捋具体怎么实现：

你已经通过ng-model="selectedname"绑定了选中项，这里要注意：如果你的ng-options是name.center_name for name in ...的写法，selectedname绑定的是整个name对象，而非单独的center_name字符串。如果只需要传递center_name，后续要取selectedname.center_name。

接下来在Angular控制器里写一个请求方法，比如下拉框变化时自动触发：

// 假设你的Angular模块是app，控制器名称按需修改
app.controller('YourController', ['$scope', '$http', function($scope, $http) {
    // 初始化选中对象，避免undefined报错
    $scope.selectedname = {};

    // 下拉框变化时触发的过滤方法
    $scope.fetchFilteredData = function() {
        // 先判断是否选中了有效项
        if (!$scope.selectedname?.center_name) return;

        $http({
            method: 'POST', // 也可以用GET，看PHP接收逻辑调整
            url: 'test.php',
            // 把选中的center_name作为参数传递
            data: { targetCenter: $scope.selectedname.center_name },
            // 如果PHP用$_POST接收，需要设置这个请求头（或者用下方的JSON解析方式）
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).then(function(response) {
            // 请求成功后，把返回的过滤数据绑定到scope，供页面渲染
            $scope.filteredResult = response.data;
            console.log('过滤后的数据:', response.data);
        }, function(error) {
            console.error('请求出错:', error);
        });
    };
}]);

然后给下拉框加上ng-change触发这个方法：

<select 
    ng-model="selectedname" 
    ng-options="name.center_name for name in yourOptionList" 
    ng-change="fetchFilteredData()"
>
    <option value="">请选择中心</option> <!-- 可选的默认占位选项 -->
</select>

根据前端请求方式，分两种情况处理：

情况1：前端用POST请求 #

如果前端设置了application/x-www-form-urlencoded头，直接用$_POST接收：

<?php
// 接收前端传递的参数，为空时设默认值
$targetCenter = $_POST['targetCenter'] ?? '';

// 这里写你的数据库过滤逻辑，记得用预处理语句防SQL注入！
// 示例（PDO写法）：
// $pdo = new PDO('mysql:host=localhost;dbname=your_db', 'user', 'pass');
// $stmt = $pdo->prepare("SELECT * FROM your_table WHERE center_name = ?");
// $stmt->execute([$targetCenter]);
// $filteredData = $stmt->fetchAll(PDO::FETCH_ASSOC);

// 把结果转为JSON返回给前端
header('Content-Type: application/json');
echo json_encode($filteredData);
?>

如果前端没设置上述头（默认发JSON格式），PHP需要解析原始请求体：

<?php
$rawInput = file_get_contents('php://input');
$requestData = json_decode($rawInput, true);
$targetCenter = $requestData['targetCenter'] ?? '';

// 后续数据库逻辑和返回同上
?>

情况2：前端用GET请求 #

前端修改$http配置为GET，参数放在params里：

$http({
    method: 'GET',
    url: 'test.php',
    params: { targetCenter: $scope.selectedname.center_name }
}).then(...)

PHP用$_GET接收参数：

<?php
$targetCenter = $_GET['targetCenter'] ?? '';
// 数据库逻辑和返回同上
?>

• 如果想让selectedname直接绑定center_name字符串，而非整个对象，可以修改ng-options为：name.center_name as name.center_name for name in yourOptionList。
• 务必注意SQL注入风险，数据库查询一定要用预处理语句，不要直接拼接字符串！

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