这是在javascript中存储cookie的正确方法吗？

Question

从html文件登录表单代码段

<form action="/phpScripts/login.php" method="post" onsubmit="getCookie()">
    User/E-mail <input id="loginname" type="text" name="uid" class="inpun"><br>

    Password <input id="loginpass" type="text" name="pass" class="inppass"><br>

            <input type="submit" name="login" value="login" ><br>
</form>

来自js文件的

getCookie函数代码

function getCookie()
{
   var user=document.getElementById('loginname').value;
   var expires=new Date();
   expires.setFullYear(expires.getFullYear()+1);
   document.cookie=encodeURIComponent("name")+ "="+encodeURIComponent(user)+ "; expires=" + expires.toTimeString()+ "; domain=.xyz.com";
   alert(document.cookie);
}

login.php（表单操作）执行数据库查询并检查身份验证，如果一切正常，则会存储会话变量（登录表单中的用户名）并重定向到主页。我想在javascript cookie中存储用户名，以便我可以在注册（注册）时从根文档目录中创建的文件夹中加载用户特定数据，例如用户个人资料pic： -

$(document).ready(function(){

var usr=document.cookie;

/*location=url(data/abc/abc.jpg)*/

location="url(data/" + usr + "/" + usr +".jpg" + ")";

$(div#profilepic).css({'background-image':location, 'width':'180px', 'height': '180px'});

});

如果我在上面的jquery代码中出错了，请纠正我。还有什么方法可以在javascript变量中存储php $ _SESSION数据吗？