java script cookie

cookie 用来识别用户

1.创建一个欢迎的cookie

<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
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 ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : "; expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
  {alert('Welcome again '+username+'!')}
else
  {
  username=prompt('Please enter your name:',"")
  if (username!=null && username!="")
    {
    setCookie('username',username,365)
    }
  }
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>

 

完美的案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">  
    <script type="text/javascript" src="cookie.js"></script> 
    <script type="text/javascript"> 
       var userName;
       function button_click() 
       { 
            userName=readCookie("username"); 
           if(userName){ 
                alert("Hello "+userName+",I miss you") 
           } 
           else{ 
                var userName=prompt("What is your name","Enter you name here") 
                writeCookie("username",userName,5); 
           } 
        } 

   </script>
   <script>
//向cookie写入数据 
function writeCookie(name, value, days) { 
 // 定义有效日期(cookie的有效时间) 
  var expires = ""; 
 
  // 为有效日期赋值 
  if (days) { 
    var date = new Date(); 
    //设置有效期(当前时间+时间段) 
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));//时间段为毫秒数  
    expires = "; expires=" + date.toGMTString(); 
  } 
 
 // 给cookie赋值 name, value和expiration date(有效期) 
  document.cookie = name + "=" + value + expires + "; path=/"; 

//读取cookie数据 
function readCookie(name) { 
  var searchName = name + "="; 
  var cookies = document.cookie.split(';'); 
  for(var i=0; i < cookies.length; i++) { 
    var c = cookies[i]; 
    while (c.charAt(0) == ' ') 
      c = c.substring(1, c.length); 
    if (c.indexOf(searchName) == 0) 
      return c.substring(searchName.length, c.length); 
  } 
  return null; 

//清楚所有的cookie 
function eraseCookie(name) { 
  // 将时间设置成-1将清除存储在cookie中的数据 
  writeCookie(name, "", -1); 

   </script>
     </head> 
    <input type="button" value="Click me" οnclick="button_click();" /> 
 
</body> 
</html> 

 

 

JavaJavaScript中使用CORS(跨域资源共享)解决跨域问题的步骤如下: 1. 在Java后端设置CORS支持:在处理跨域请求的Java代码中,需要设置响应头以启用CORS。可以通过在响应对象中设置以下响应头字段来实现: ```java response.setHeader("Access-Control-Allow-Origin", "http://example.com"); // 允许特定的源访问 response.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS"); // 允许的HTTP方法 response.setHeader("Access-Control-Allow-Headers", "Content-Type"); // 允许的请求头 response.setHeader("Access-Control-Allow-Credentials", "true"); // 是否允许发送Cookie response.setHeader("Access-Control-Max-Age", "3600"); // 预检请求的有效期 ``` 2. 在JavaScript前端发起跨域请求:在发送跨域请求的JavaScript代码中,需要设置请求头以指示该请求是一个跨域请求。可以使用XMLHttpRequest或fetch API来发送请求,并在请求头中添加以下字段: ```javascript fetch('http://api.example.com/data', { method: 'GET', headers: { 'Content-Type': 'application/json', 'Origin': 'http://example.com' // 请求源 }, credentials: 'include' // 发送Cookie }) .then(response => { // 处理响应 }) .catch(error => { // 处理错误 }); ``` 通过以上步骤,Java后端设置了CORS支持,允许特定源访问资源,并在JavaScript前端发送跨域请求时设置了请求头,指示该请求是一个跨域请求。这样就可以解决跨域问题。请注意,实际应用中需根据自己的需求和安全考虑进行适当的配置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值