具体实现
时间: 2024-02-18 19:00:19 浏览: 22
具体实现不同前端页面数据的存取方式,可以参考以下示例:
1. LocalStorage:
```
// 存储数据
localStorage.setItem('key', 'value');
// 读取数据
var value = localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
```
2. SessionStorage:
```
// 存储数据
sessionStorage.setItem('key', 'value');
// 读取数据
var value = sessionStorage.getItem('key');
// 删除数据
sessionStorage.removeItem('key');
```
3. Cookie:
```
// 存储数据
document.cookie = 'key=value; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/';
// 读取数据
var cookies = document.cookie.split(';');
var value;
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.indexOf('key=') == 0) {
value = cookie.substring('key='.length, cookie.length);
break;
}
}
// 删除数据
document.cookie = 'key=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
```
4. AJAX:
```
// 发送请求
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = xhr.responseText;
// 处理数据
}
};
xhr.open('GET', 'url', true);
xhr.send(null);
```
5. 数据库:
```
// 后端接口
app.get('/api/data', function(req, res) {
// 查询数据库
// 返回数据
});
// 前端请求
fetch('/api/data')
.then(response => response.json())
.then(data => {
// 处理数据
});
```
以上示例仅供参考,具体实现需要根据具体情况进行调整。