标签:
首先我们在浏览器向服务端发送cookie之前,我们先来了解一下我们要在Express使用那个模块来实现这一功能呢?我们可以使用如下的模块来实现cookie-parser。
关于具体在开发中使用什么模块来解决问题可以参考官方文档:http://expressjs.com/resources/middleware.html
在下载了cookie-parser模块之后我们就可以来具体的实现一个例子了。完整的demo代码如下:
服务端代码如下:
var express = require(‘express‘); var fs = require(‘fs‘); var cookieParser = require(‘cookie-parser‘); var app = express(); app.use(cookieParser()); app.get(‘/index.html‘, function (req, res){ res.sendFile(__dirname + ‘/index.html‘); }); app.post(‘/index.html‘, function (req, res){ console.log(req.cookies); var str = ‘‘; for (var key in req.cookies){ str += ‘浏览器发送的cookie名:‘ + key + "<br/>" + "浏览器发送的cookie值:" + req.cookies[key] + "<br/>"; } res.send(str); //res.end(); }); app.listen(1337, ‘127.0.0.1‘);
客户端代码如下:
<!DOCTYPE html> <html> <head> <title>提交cookie</title> <meta charset="utf-8"> <script> function cookieTest(){ var xhr = new XMLHttpRequest(); xhr.open(‘POST‘, ‘index.html‘, true); document.cookie="firstName = Li"; document.cookie="userName = Jason"; xhr.onload = function (e){ if (this.status == 200){ document.getElementById(‘result‘).innerHTML = this.response; } }; xhr.send(); } </script> </head> <body> <h1>使用cookie-parser获取浏览器发送的cookie内容</h1> <form id = ‘form1‘ action="index.html" method="post"> <input type="button" value="提交cookie" onclick="cookieTest();"><br> </form> <output id="result"></output> </body> </html>
开启服务器,在浏览器端输入:http://localhost:1337/index.html,你会看到如下的界面:
点击【提交cookie】,你会看到如下界面:
标签:
原文地址:http://www.cnblogs.com/duhuo/p/4780770.html