WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

jQueryでのcookieの指定

Cookie(クッキー)とは?

Cookie(クッキー)とは、ホームページを訪問した ユーザーの情報を一時的の保存する仕組み、またはそのデータです。ID、パスワード、メールアドレス、訪問回数などが ユーザー情報として保存されます。これによって再訪問したときに ユーザーを特定し、情報を入力する手間が省けます。ショッピングサイトに訪問したとき、すでにログイン状態になっている、以前カートに入れた商品がそのまま残っているのは、Cookie機能がはたらいているからです。


似たような機能でSessionという機能がありますが、Cookieはクライアント側にデータを保存するのに対して、Sessionはサーバー側に保存されてるため機密性の高いデータを扱う場合はSessionを使った方が良いでしょう。



github.com
※jquery2.2.4で動作確認済み



$(function(){

if($.cookie('access')){
//既にアクセス済みの場合はカーテンを非表示
$('.curtain').css({'display':'none'});
}else{
//初アクセスの場合はカーテンをfadeOutさせる
$('.curtain').delay(3400).fadeOut(800);
}
//ファイルがロードされたら
$(window).load(function(){
$.cookie('access',$('body').addClass('access'));
});


//外部ファイル化したsvgを呼び出す
$.ajax({
    url: 'img/logo.svg',//ここにsvgファイルのパスを入れる
    datatype: 'get',
})
.then(
// 1つめは通信成功時の処理
	function(data) {
	 var svg = $(data).find('svg');
    $('#svg-box').append(svg);
		},
// 2つめは通信失敗時の処理
	function(){
	alert('読み込み失敗');
  });



});