Tại sao cookie jQuery không thực sự đặt cookie?

Question

Tôi đang phát triển một ứng dụng bằng jQuery sử dụng cookie. Ngay bây giờ, nó nằm ở application.html trên máy tính để bàn PC của tôi.

Tuy nhiên, tôi không thể lưu trữ và truy lục cookie. Tôi đã bao gồm jquery-1.7.1.min.js, json2.js và jquery.cookie.js trong tệp HTML của tôi theo thứ tự đó.

Dưới đây là cách tôi đang lưu trữ một cookie sẽ kéo dài trong 7 ngày:

$.cookie("people", JSON.stringify(people_obj_array), {expires: 7}); 

Mảng toàn cầu people_obj_array trông giống như

[ 
     { 
      "name": "Adam", 
      "age": 1, 
     }, 
     { 
      "name": "Bob", 
      "age": 2, 
     }, 
     { 
      "name": "Cathy", 
      "age": 3, 
     }, 
    ] 

Khi tôi kiểm tra mã hóa JSON với alert(JSON.stringify(people_obj_array)), có vẻ tốt đẹp:

Tuy nhiên, khi tôi truy xuất cookie này qua:

alert($.cookie("people")); 

trước khi làm mới trang, một cảnh báo bật lên có nội dung là "null". Không phải văn bản là chuỗi JSON cảnh báo phải không? Tôi có đang sử dụng thư viện cookie JQuery chính xác không?

---

Chỉ cần làm rõ, đây là cách tôi đang thử nghiệm:

$.cookie("people", JSON.stringify(people_obj_array), {expires: 7}); // store 
alert($.cookie("people")); // attempt to retrieve 

Tôi có Firebug, và tôi sẵn sàng để làm một số xét nghiệm Console.

Answer 1

Có thể thực tế là tệp trên máy tính của bạn đang gây ra sự cố. Các trình duyệt thường hoạt động bằng cách phân phát cookie dựa trên tên miền mà chúng đã nhận được và đường dẫn của chúng.

Bạn có thể không đọc được cookie ngay sau khi cài đặt: Viết cookie liên quan đến việc đặt tiêu đề trong yêu cầu HTTP và đọc tương tự như đọc tiêu đề trong phản hồi HTTP.

Thử lưu trữ trang của bạn trên máy chủ web và xem điều đó có hiệu quả với bạn hay không.

Answer 2

Từ nghiên cứu của tôi jquery.cookie.js là khá cũ và không dường như được duy trì lâu hơn nữa. Bạn có thể có may mắn hơn bằng cách sử dụng this library thay thế. Mô tả của nó trên Google Code là "Thư viện Cookie Javascript với các ràng buộc jQuery và hỗ trợ JSON", và bao gồm các phương pháp cho mọi thứ bạn đang cố gắng làm!

Answer 3

Nếu bạn gặp khó khăn với plugin cookie, tại sao không chỉ tạo nên các chức năng cookie của riêng bạn? Đọc, Viết và (tùy chọn) xóa.

var createCookie = function(name, value, days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
     var expires = '; expires=' + date.toGMTString(); 
    } 
    else var expires = ''; 
     document.cookie = name + '=' + value + expires + '; path=/'; 
}; 
var readCookie = function(name) { 
    var nameEQ = name + '='; 
    var ca = document.cookie.split(';'); 
    for (var i = 0; i < ca.length; i++) { 
     var c = ca[i]; 
     while (c.charAt(0) == ' ') c = c.substring(1, c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 
    } 
    return null; 
}; 
var eraseCookie = function(name) { 
    createCookie(name, '', -1); 
}; 

Tôi không thể nhận xét về plugin cụ thể như tôi chưa từng sử dụng. Tuy nhiên, tất cả các chức năng này đều hoạt động và đã được thử nghiệm.

Vì vậy, ví dụ bạn:

createCookie("people", JSON.stringify(people_obj_array), 7); // store 
alert(readCookie("people")); // retrieve 
eraseCookie("people"); // remove 
alert(readCookie("people")); // oo look i'm no longer here.