¿Por qué la cookie jQuery no configura una cookie?

Question

Estoy desarrollando una aplicación usando jQuery que usa cookies. En este momento, se encuentra en el application.html en el escritorio de mi PC.

Sin embargo, no puedo almacenar y recuperar una cookie. Incluí jquery-1.7.1.min.js, json2.js y jquery.cookie.js en mi archivo HTML en ese orden.

Así es como estoy almacenando una cookie para una duración de 7 días:

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

la matriz mundial people_obj_array parece

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

Cuando la prueba cifrado JSON con alert(JSON.stringify(people_obj_array)), se ve bien:

Sin embargo, cuando recupero esta cookie a través de:

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

incluso antes de actualizar la página, una alerta emergente que dice "nula". ¿No debería el texto ser la cadena JSON de alerta? ¿Estoy usando la biblioteca de cookies JQuery correctamente?

---

Solo para aclarar, aquí es cómo estoy probando:

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

tengo Firebug, y estoy dispuesto a hacer algunas pruebas de la consola.

Answer 1

Probablemente es el hecho de que el archivo está en su escritorio que está causando el problema. Los navegadores normalmente se comportan al servir las cookies según el dominio del que se recibieron y su ruta.

Es posible que no pueda leer la cookie inmediatamente después de configurarla: Escribir una cookie implica establecer encabezados en una solicitud HTTP y, de la misma manera, leerlos implica leer encabezados en una respuesta HTTP.

Pruebe alojar su página en un servidor web y vea si eso le funciona.

Answer 2

De mi investigación jquery.cookie.js es bastante antiguo, y no parece que se mantendrá más. Puede tener mejor suerte usando this library en su lugar. Su descripción en Google Code es "Javascript Cookie Library con enlaces jQuery y soporte JSON", e incluye métodos para todo lo que estás tratando de hacer.

Answer 3

Si tiene problemas con el complemento de cookies, ¿por qué no solo crea sus propias funciones de cookies? Leer, Escribir y (opcional) eliminar.

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); 
}; 

que no puedo comentar sobre el complemento específico, ya que nunca he utilizado .. sin embargo estas funciones todo el trabajo y han sido probados.

Así que para su ejemplo:

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.