这是我的demo.jsp页面,我在文本框中输入数据并存储在cookie中,然后打印这些存储的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。
您可以尝试使用localStorage。当您需要在客户端存储数据时,它比Cookie更好。
取代注释代码//文档。写("你的输入详情:"+TextDetails);通过写这行document.getElementById("CookieDetail").innerHTML=TextDetails;用id CookieDetail在body中创建一个潜水。现在数据将按照我们的要求打印。