Добавление файла cookie на мою HTML-страницу?

Question

Я просмотрел stackoverflow для ответа на мой вопрос, но я не совсем понимаю их, или они не работают для меня. Я создаю адресную книгу для задания, и я хочу иметь возможность сохранять имена людей, которых я добавляю, без использования базы данных. Я хочу, чтобы иметь возможность делать cookie, который может хранить информацию о человеке. Это мое назначение до сих пор: http://pastebin.com/4vX2h0A0 Его ничего особенного, но я был бы очень признателен, если кто-то может помочь: D

Answer 1

Я думаю, что вы, вероятно, найти это хорошее чтение: http://www.w3schools.com/js/js_cookies.asp

Вы можете установить и извлечь cookie через Javascript, который, я думаю, является тем, что вы пытаетесь сделать. Посмотрите на ресурс W3C, и вам должно быть хорошо идти.

Действительно краткий обзор:

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

Это должен вывести на консоль "Ваше печенье значение." Идите вперед и прочитайте и сделайте снимок. Имейте в виду, что если вы продолжите устанавливать значения document.cookie, они добавятся к этому значению и когда вы выполните var x = document.cookie; вы получите все. Вам придется разобрать его самостоятельно, но ресурс W3C обеспечивает отличную функцию, которая поможет вам!

Удачи вам!

Answer 2

Вы всегда можете просто сделать:

document.cookie="addressBook=..." 

Вы, вероятно, хотите сделать что-то вроде JSON.stringify() на ваш объект, содержащий адресную книгу, а затем добавить его в печенье. Когда вы читаете его, просто на нем нажимаете JSON.parse().

Но вы можете посмотреть на локальном хранилище вместо: localStorage array of objects handling

Answer 3

Я использовал этот пример следующим образом, это может быть очень полезным для вас.

<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>