添加一個cookie到我的HTML頁面？

我看了看周圍的計算器爲我的問題的答案，但我不完全理解他們或他們不爲我工作。我正在爲作業創建地址簿，並且希望能夠保留添加的人員的姓名而不使用數據庫。我希望能夠製作一個可以存儲該人信息的cookie。這是我的任務，到目前爲止：http://pastebin.com/4vX2h0A0 它沒有什麼特別，但我真的很感激，如果有人可以幫助：d添加一個cookie到我的HTML頁面？

來源

2014-02-08 Dubstowel

我想你可能會這樣覺得很好看： http://www.w3schools.com/js/js_cookies.asp

您可以設置和retreive通過JavaScript的cookie，我認爲你正在嘗試做什麼。看看W3C的資源，你應該很好去。

非常快概述：

document.cookie = "key=value"; 
var x = document.cookie; 
console.log(x);

此輸出應到控制檯「你的cookie的值。」繼續前進，閱讀並給它一個鏡頭。請記住，如果你繼續設置document.cookie值，它會附加到那裏的值，當你做var x = document.cookie;你會得到一切。你將不得不自己解析它，但W3C資源提供了一個很好的功能來幫助你！

祝你好運！

來源

2014-02-08 05:24:52

謝謝:)這真的幫助！ – Dubstowel

不是問題，祝您在學習中好運！ –

請注意，這可能會導致麻煩，因爲您沒有Cookie密鑰可供參考。如果cookie已被設置，則最終得到如下結果：someCookie = foo; someOtherCookie =巴;你的cookie值使得它很難得到「你的cookie值」，特別是如果這是動態的 – mondo

你總是可以只是做：

document.cookie="addressBook=..."

你可能想要做像JSON.stringify（）包含地址簿中的所有對象，然後將其添加到cookie。當你閱讀它時只需要對其執行JSON.parse（）。

但你可以看看本地存儲來代替： localStorage array of objects handling

來源

2014-02-08 05:25:37 mondo

我在下面的方式使用這個例子中，它可以爲你非常有幫助。

<script type="text/javascript"> 

function WriteCookie() 
{ 
    if(document.searchrecord.search.value == ""){ 
     alert("Enter some value!"); 
     return; 
    } 

    cookievalue= escape(document.searchrecord.search.value) + ";"; 
    document.cookie="name=" + cookievalue; 
    alert("Setting Cookies : " + "name=" + cookievalue); 
} 

function ReadCookie() 
{ 
    var allcookies = document.cookie; 
    alert("All Cookies : " + allcookies); 

    // 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++){ 
     name = cookiearray[i].split('=')[0]; 
     value = cookiearray[i].split('=')[1]; 
     alert("Key is : " + name + " and Value is : " + value); 
    } 
}

這是HTML表單：

<form name="searchrecord" method="get" id="category" action="" onsubmit="WriteCookie()"> 
     <b>Search By Category :- </b> 
     <select name="search" style="width:145px;"> 
        <option value="Today's Deals">Today's Deals</option> 
        <option value="Laptop">Laptop</option> 
        <option value="TV" >TV</option> 
        <option value="Tablet">Tablet</option> 
     </select> 
     <input type="submit" name="btn" value="Search" onclick="ReadCookie()"/> 

</form>

來源

2014-02-08 05:31:29 Mayur

讓我知道這是否對你有幫助。 – Mayur

我怎麼能把這個插入到我的html頁面？ – Dubstowel

你可以在代碼的上面，即頭標籤中的腳本代碼，然後在主體中添加此表單。 – Mayur

添加一個cookie到我的HTML頁面？

回答

相關問題