用于存储、检索和附加到url的javascript cookie
我有两个html页面用于存储、检索和附加到url的javascript cookie,javascript,html,cookies,Javascript,Html,Cookies,我有两个html页面 第1页有这行html代码 第2页有 如何使用cookie存储和获取用户id，并将其附加到一个有效期为一个月的href标签 希望你们这些极客能提供一个有用的例子。试试这个，它会对你们有所帮助 页面1.html <html> <head> <script type="text/javascript"> <!-- function uid() { if( document.getElementById("userid").
第1页有这行html代码
希望你们这些极客能提供一个有用的例子。试试这个，它会对你们有所帮助 页面1.html
<html>
<head>
<script type="text/javascript">
<!--
function uid()
{
if( document.getElementById("userid").value == "" ){
alert("Enter some value!");
return;
}
var now = new Date();
now.setMonth( now.getMonth() + 1 );
document.cookie = "expires=" + now.toUTCString() + ";"
cookievalue= escape(document.getElementById("userid").value) + ";";
document.cookie="id=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.cookie="id=" + cookievalue;
alert("Setting Cookies : " + "id=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form action="Page2.html">
<input type="text" name="userid" id="userid" type="text" />
<input type="submit" onclick="uid()" value="Store Cookie and proceed to next pg">
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript">
<!--
var value;
var id;
function ReadCookie()
{
var allcookies = document.cookie;
// Get all the cookies pairs in an array
cookiearray = allcookies.split(';');
// Now take key value pair out of this array
for(var i=0; i<cookiearray.length; i++){
id = cookiearray[i].split('=')[0];
value = cookiearray[i].split('=')[1];
if(id.trim()==="id"){
document.getElementById('wel').innerHTML="welcome "+value;
alert("Key is : " + id + " and Value is : " + value);
break;
}
}
}
function app(u)
{
alert(u+value);
location.href = u+value;
//window.location.replace(u+value);
return false;
}
//-->
</script>
</head>
<body onload="ReadCookie()">
<p id="wel"></P>
<a href="Profile.html?id=" onclick="app(this.href);return false;"> Profile</a><br/>
<a href="art.html?id=" onclick="app(this.href);return false;">art</a><br/>
<a href="account.html?id=" onclick="app(this.href);return false;">account</a><br/>
<a href="link.html?id=" onclick="app(this.href);return false;">link</a><br/>
</body>
</html>
<scripts>
function SaveId(id){
$.ajax({
url: "side.php?newId="+id,
success: function (data) {
//do some thing you could append the data to an element attribute
}//sucess
});
}//Save Id function close here
$("body").find("li").click(function (){
var newId=$(this).attr("data-user-id");
SaveId(newId);//fire the SaveId()
});
</scripts>
函数SaveId（id）{
$.ajax({
url:“side.php？newId=“+id，
成功：功能（数据）{
//做一些可以将数据附加到元素属性的事情
}//成功
});
}//保存Id函数在此处关闭
$（“body”）。查找（“li”）。单击（函数（）{
var newId=$（this.attr（“数据用户id”）；
SaveId（newId）；//激发SaveId（）
});
<?php
if(isset($_REQUEST['newId'])){
$domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false;//Locahost helper
$newQ=$_REQUEST['newId'];
if (isset($_COOKIE['userId'])){
echo $_COOKIE['userId'];//return store user Id we already have one
}
else
{
setcookie('userId', $newQ, time()+60*60*24*30, '/', $domain, false);//1 Month you said
echo $_REQUEST['newId'];//As it is not available in storage until page reload
}
}//isest ends here
?>
<?php
//after login get user id from somewhere
$userId=$_REQUEST['userId'];
?>
<li data-user-id=<?php echo $userId; ?> id= > I am first List </li>
<?php $saraId=$_COOKIE['userId'];?>
<a href="whereToLink/?id=<?php echo $saraId ?>" >LinkOn</a>