经过上面两篇的学习,我们要实现一个简单例子,就是能看到访问过的城市
思路如下:
定义一个数组,存储要访问过的城市,
把数组作为 cookie 的值存到 cookie 中,
查看浏览过的城市时,拿出cookie的值即可;
具体代码如下:zhh3.js
/*
* cookie-parser可以设置和获取cookie
1.安装 cnpm instlal cookie-parser --save
2.引入var cookieParser = require('cookie-parser');
3.配置中间件
app.use(cookieParser());
4.设置cookie
res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});
//HttpOnly 默认false不允许 客户端脚本访问
5.获取cookie
req.cookies.name
*
* */
var express = require('express');
var cookieParser = require('cookie-parser');
var app = express();
app.use(cookieParser());
//查看访问到的城市
//http://127.0.0.1:3001/get
app.get("/get",function(req,res){
res.send("您浏览过的城市-"+req.cookies.citys);
});
//向cookie中存入访问的城市
//http://127.0.0.1:3001/set?city=杭州
//http://127.0.0.1:3001/set?city=上海
//http://127.0.0.1:3001/set?city=北京
//http://127.0.0.1:3001/set?city=天津
// 定义一个数组,存放浏览过的城市
var cityArray = [];
app.get("/set",function(req,res){
// 获取浏览过的城市
var city = req.query.city;
// 城市不等于空,则写入数组
if(city!=null && city!=""){
//数组中没有则,放入数组
if(cityArray.indexOf(city)==-1){
//放入数组
cityArray.push(city);
}
}
// 把数组存到 cookie 中
res.cookie('citys',cityArray,{maxAge:60*1000*10});
res.send("您浏览的城市是"+city);
});
app.listen(3001);
运行:
浏览城市:
查看浏览过的城市:
ok,完了;
源码下载:
https://download.csdn.net/download/zhaihaohao1/10949556