html5手机开发cookie的用法总结

首先，如果不跨域，发送Ajax请求，例如：

$( "#btn_login" ).on( "click", function( event ) {      

      $.ajax({

           type: "POST",

           url: serverURL + '/user',

           dataType: 'json',

           dataType : 'jsonp',

           data: { 'nickname': nickname, 'password': password, 'action': 'login' },

           error: function(xhr, ajaxOptions, thrownError){

             //alert(xhr.status);                

           },

           success: function(xml, status, jqxhr) {

             if('true' == xml.issuccessful){//登录成功                  

                 alert(document.cookie);

                 $('#rtnInfo').html("登录已成功,正在跳转...");

                 $("#bkbutton").trigger("click");

             }else{//登录失败

                 $('#rtnInfo').html(xml.reason);

             }            

           }

       });

   });

服务器Java通过Response写一个cookie:

   Cookie cookie = new Cookie(cookieName,"");

   cookie.setDomain("your.server.domain");

   cookie.setPath("/");

   cookie.setMaxAge(10000);

   response.addCookie(cookie);

那么alert(document.cookie)结果是：

但是如果使用Intel XDK 的Emulate，同样的代码，获取到的结果如下：

然后如果用Intel XDK 的Test，或者用Cordova封装到手机上进行测试，结果如下：

那说明在手机上 document.cookie访问不到Ajax请求获得的返回的带域名的cookie的。

那么是不是可以通过getResponseHeader获得呢？

success: function(xml, status, jqxhr) {

  console.log(jqxhr.getResponseHeader("Set-Cookie"));

});

我们通过：

http://stackoverflow.com/questions/14362830/cookies-not-sent-in-ajax-request-headers-when-doing-xss-with-cors-access-contro

知道，也是获取不到的。

那通过Jquery的cookie插件是否可以呢？

我们通过引入http://plugins.jquery.com/cookie/插件：

<script type="application/javascript" src="vendor/jquery.cookie.js" ></script>

发现，通过：
$.cookie('go*****')

也是获取不到？

那么我们的问题来了，html5做手机开发，怎样使用cookie是最佳实践？

我的理解有两个方法：

第一个方法，app中不用传统的cookie处理，改用html5的localstorage，可以参考：

http://stackoverflow.com/questions/18976319/cordova-on-android-getresponseheaderset-cookie-returns-only-the-last-cookie

即：

服务端json数据传回cookie的值，然后存在 local storage中:

window.localStorage.setItem("Cookies", data);

在以后的发送Ajax请求都使用：

beforeSend:setHeader

function setHeader(xhr){    xhr.setRequestHeader('Set-Cookie', window.localStorage.getItem("Cookies"));}

第2个办法，我们发现虽然通过js获取不到服务端传回的cookie，但是实际上app的运行时是获取到了的，在以后的请求中实际上是发送了以前传回来的cookie的，故，干脆在js中什么都不干。只是有一个问题，是app中删除不了这个cookie，用户退出登录时，再次让服务器设置cookie为过期。