当我在javascript中打印这些cookie值时,Cookies不存储?

时间:2014-05-21 08:07:58

标签: javascript cookies session-cookies cookiestore missing-cookies

这是我的demo.jsp页面,我在文本框中输入数据并存储在cookie中,然后打印这些存储的cookie,但是当我打印这些值时,cookie最初存储在浏览器中

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <script>
        function getData(){
            var input=document.getElementById("txtbox").value;
            //alert(input);
            setCookie("TextDetails", input);
            var TextDetails=getCookie("TextDetails");                                
            //document.write("your input deatails:"+TextDetails);
        }
        function getCookie(name) {
            var start = document.cookie.indexOf( name + "=" );
            var len = start + name.length + 1;
            if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
                return null;
            }
            if ( start == -1 ) return null;
            var end = document.cookie.indexOf( ";", len );
            if ( end == -1 ) end = document.cookie.length;
            return unescape( document.cookie.substring( len, end ) );
        }
        function setCookie(name, value) {
            var now = new Date();
            var time = now.getTime();
            time += 3600 * 1000;
            now.setTime(time);
            document.cookie = name+"=" + value + '; expires=' + now.toUTCString() + ';domain='+window.location.hostname+';path=/';
        }
    </script>
</head>
<body>
    <%
        out.println("<table><tr><td>");
        out.println("<input type='text' id='txtbox'>");
        out.println("<input type='button' value='go'onclick='getData()'>");
        out.println("</td></tr></table>");
    %>
</body>

当我在getData()函数中放置没有注释的注释行时,cookie不存储但我需要打印存储在浏览器中的那些cookie。

2 个答案:

答案 0 :(得分:0)

您可以尝试使用localStorage。当你需要在客户端存储数据时,它比Cookie更好。

答案 1 :(得分:0)

代替注释代码//document.write(&#34;您输入的deatails:&#34; + TextDetails); 通过编写此行document.getElementById(&#34; CookieDetail&#34;)。innerHTML = TextDetails; 使用id CookieDetail在body中创建一个潜水。现在将按照我们的要求打印数据。