怎么写cookie

html结构

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cookies</title>
</head>
<body onload="checkCookie()">
	
</body>
</html>

定义了三个函数：设置cookis，检查cookie以及触发函数

       // 我们会创建一个可在 cookie变量中存储访问者姓名的函数
        function setCookies(name,value){
            var expdate = new Date();
            expdate.setTime(expdate.getTime() + 30*60*1000);
            console.log(expdate);
            document.cookie = name+"="+value+";expire="+expdate.toUTCString()+";path=/";
            
        }

        // 创建另一个函数来检查是否已设置 cookie：
        function getCookies(c_name){
            if(document.cookie.length>0){
                var c_start = document.cookie.indexOf(c_name+'=');
                if(c_start != -1){
                    c_start = c_start + c_name.length + 1;
                    var c_end = document.cookie.indexOf(";",c_start)
                    if(c_end == -1){
                        c_end = document.cookie.length;
                    }

                    return unescape(document.cookie.substring(c_start,c_end))
                }
            }
            return "";
        }

        // 检测 cookis
        function checkCookie(){
            var username = getCookies('username');
            if(username!=null && username!=""){
                alert("Welcome again "+ username+" !");
            }else{
                username = prompt('Please enter your name:',"");
                if(username!=null && username!=""){
                    setCookies('username',username)
                }
            }
        }

完成！但是你会发现在你的浏览器内没有看到效果？？？

这是怎么回事呢，我们需要一个服务环境，为了方便我搭建了一个简单的node环境

http.js

var http = require('http');
var fs = require('fs');

var querystring = require('querystring');

// 侦听服务器的request事件
http.createServer(function(req,res){
    
    var urlIndex = req.url.substring(1);
    if(req.url == '/favicon.ico'){
        res.end();
    }else{
        hetTemplate(res,urlIndex);
    }
    
}).listen(2016,function(){console.log('run!')});

function hetTemplate(res,urlIndex){
    fs.readFile('./'+urlIndex+'.html',function(err,data){
        if(err) {
            return hadError(err,res);
        }else{
            res.end(data)
        }
    })
}
function hadError(err,res){
    console.log(err);
    res.end('Server error');
}

ok！现在我们可以尽情的测试了！

访问方式：locahost：2016/文件名称

http文件和你的html文件在同一目录下，当然你科一不这样做，改一下源码吧

posted @ 2016-09-20 18:34  月半字  阅读(2811)  评论(0)  编辑  收藏  举报