javascript - これは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 にもユーザー名を保存したいと考えています。

$(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 コードで間違っている場合は、修正してください。また、php $_SESSIONデータをjavascript変数に保存する方法はありますか?