码迷,mamicode.com
首页 > 其他好文 > 详细

Express 4中cookie使用实例

时间:2015-09-03 23:07:01      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

首先我们在浏览器向服务端发送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】,你会看到如下界面:

技术分享

Express 4中cookie使用实例

标签:

原文地址:http://www.cnblogs.com/duhuo/p/4780770.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!