gpt4 book ai didi

javascript - 如何在 AngularJs 中存储和读取 session (值)?

转载 作者:数据小太阳 更新时间:2023-10-29 04:33:23 24 4
gpt4 key购买 nike

我在使用 Angularjs 存储和读取 session 数据时遇到问题。单击按钮后,emp_name 应存储在 session 中,以及如何从 session 中读取存储的 emp_name。

Sample in plnkr

// Code goes here

var app = angular.module('app', []);

app.controller('Ctrl', function($scope) {
$scope.employee = [{
emp_id: 1,
emp_name: 'Jes',
emp_cont:9876543445
}, {
emp_id: 2,
emp_name: 'Sandy',
emp_cont:3553454345
}, {
emp_id: 3,
emp_name: 'Alex',
emp_cont:9343434345
}, {
emp_id: 4,
emp_name: 'Nancy',
emp_cont:9876543445
}, {
emp_id: 5,
emp_name: 'Scott',
emp_cont:9834564455
}
];

$scope.returnRefId = function (emp) {
try {
// test emp
alert(emp);
// session code here

}
catch (e) {
alert("some errror");
}
};
});
ul li{list-style:none;float:left;padding:10px;border:1px solid #ddd;height:20px;width:100px}
ul{clear:both}
label{color:red}
<!DOCTYPE html>
<html>

<head>
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>

<body ng-app="app" ng-controller="Ctrl">
<ul ng-repeat="employees in employee | filter:customFilter">
<li>{{employees.emp_id}} </li>
<li>{{employees.emp_name}} </li>
<li>{{employees.emp_cont}} </li>
<li><button ng-click="returnRefId(employees.emp_name);" >Add Session</button></li>
</ul>
<br /><br /><br />
<label id="read_ses">How to store and read emp_name thru only session</label>
</body>

</html>

我已经使用 angularjs 创建了点击时带有 emp_name 的警报。我希望在单击按钮时 emp_name 应该存储在 session 中,并且为了 session 测试目的读取页面上某处的 session emp_name 数据。

我们真诚地感谢您提供的任何帮助/建议。谢谢。

最佳答案

您的 session 存储代码可能类似于使用 Javascript API 进行 session 存储的代码。您必须序列化您的 Javascript 对象,因为 session 存储仅支持字符串。

$scope.returnRefId = function (emp) {           
try {
// test emp
alert(emp);
// session code here
sessionStorage.setItem("emp-key", JSON.stringify(emp));
}
catch (e) {
alert("some errror");
}
};

或者,您可以将 emp 的每个属性存储在单独的存储 key 中。调试应该很简单

sessionStorage.getItem("emp-key")

可以在此处找到有关 session 存储的更多信息。 https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage

同时检查 ngStorage https://github.com/gsklee/ngStorage

关于javascript - 如何在 AngularJs 中存储和读取 session (值)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34130086/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com