如何在AngularJS中显示PHP会话变量？附相关代码示例

嘿，我来帮你搞定这个问题！结合你给出的代码，我整理了具体的实现步骤，咱们一步步来：

1. 先修正你的PHP接口（getuserdetails.php） #

你的getuserdetails.php里有几个小问题需要调整，确保它能正确返回JSON格式的用户数据：

<?php
session_start();
// 必须设置这个响应头，让Angular能正确识别返回的是JSON
header('Content-Type: application/json');
require_once '../database.php';

// 先检查用户是否已登录，避免未登录时的报错
if (!isset($_SESSION['user'])) {
    echo json_encode(['error' => '用户未登录，请先登录']);
    exit;
}

// 直接使用$_SESSION['user']作为查询参数，不需要额外赋值
$query = $db_con->prepare("select * from userz WHERE cust_id=:usk");
$query->execute(array(":usk" => $_SESSION['user']));

$user = [];
if ($query->rowCount() > 0) {
    $row = $query->fetchObject();
    // 直接访问对象属性，不需要多余的引号包裹
    $user[] = $row->mail;
}

echo json_encode($user);
?>

2. 在AngularJS中请求并获取用户数据 #

接下来在你的app.js里，需要注入$http服务，创建控制器来异步请求PHP接口，把数据绑定到作用域上：

// 替换成你实际的模块名称
var app = angular.module('yourAppModule', []);

// 创建控制器，注入$scope和$http
app.controller('UserDetailsController', ['$scope', '$http', function($scope, $http) {
    // 发起GET请求到你的PHP接口，注意替换成正确的文件路径
    $http.get('/path/to/getuserdetails.php')
        .then(function(response) {
            // 请求成功，把返回的数据绑定到$scope
            $scope.userInfo = response.data;
        }, function(error) {
            // 请求失败时处理错误，比如打印日志或显示提示
            console.error('加载用户信息失败:', error);
            $scope.errorMsg = error.data?.error || '加载用户信息出错了';
        });
}]);

3. 在HTML视图中显示数据 #

最后，在你的页面视图里，通过Angular的指令绑定数据：

<!-- 确保ng-app指向你的模块名 -->
<div ng-app="yourAppModule" ng-controller="UserDetailsController">
    <!-- 当有用户数据时显示邮箱 -->
    <div ng-if="userInfo && userInfo.length > 0">
        您好，您的邮箱是：<strong>{{ userInfo[0] }}</strong>
    </div>
    <!-- 显示错误提示 -->
    <div ng-if="errorMsg" style="color: red;">
        {{ errorMsg }}
    </div>
</div>

关键注意点： #

• 确保login.php登录成功后，$_SESSION['user']已经正确设置，并且session_start()在所有输出之前调用（包括空格和HTML标签）。
• PHP接口的路径要正确，Angular的$http.get里的路径要和实际文件位置匹配。
• 跨域问题：如果Angular和PHP不在同一个域名/端口下，需要在PHP里设置CORS头（同域环境下可忽略）。

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