Dapatkan cookie berdasarkan nama

Saya punya pengambil untuk mendapatkan nilai dari cookie.

Sekarang saya memiliki 2 cookie dengan nama shares=dan nama obligations=.

Saya ingin membuat pengambil ini hanya untuk mendapatkan nilai dari cookie kewajiban.

Bagaimana saya melakukan ini? Jadi formembagi data menjadi nilai-nilai yang terpisah dan meletakkannya dalam array.

 function getCookie1() {
    // What do I have to add here to look only in the "obligations=" cookie? 
    // Because now it searches all the cookies.

    var elements = document.cookie.split('=');
    var obligations= elements[1].split('%');
    for (var i = 0; i < obligations.length - 1; i++) {
        var tmp = obligations[i].split('$');
        addProduct1(tmp[0], tmp[1], tmp[2], tmp[3]);
    }
 }

Satu pendekatan, yang menghindari iterasi pada array, adalah:

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

Panduan

Memisahkan sebuah string dengan token akan menghasilkan, array dengan satu string (nilai yang sama), dalam kasus token tidak ada dalam string, atau array dengan dua string, dalam kasus token ditemukan dalam sebuah string.

Elemen pertama (kiri) adalah string dari apa yang sebelum token, dan yang kedua (kanan) adalah string dari apa yang setelah token.

(CATATAN: jika string dimulai dengan token, elemen pertama adalah string kosong)

Mempertimbangkan bahwa cookie disimpan sebagai berikut:

"{name}={value}; {name}={value}; ..."

untuk mengambil nilai cookie tertentu, kita hanya perlu mendapatkan string setelah "; {name} =" dan sebelum next ";". Sebelum kami melakukan pemrosesan, kami menambahkan string cookie dengan ";", sehingga setiap nama cookie, termasuk yang pertama, dilampirkan dengan ";" dan "=":

"; {name}={value}; {name}={value}; ..."

Sekarang, kita dapat membaginya dengan "; {name} =", dan jika token ditemukan dalam string cookie (yaitu kita memiliki dua elemen), kita akan berakhir dengan elemen kedua menjadi string yang dimulai dengan nilai cookie kita. Lalu kita tarik itu dari array (yaitu pop), dan ulangi proses yang sama, tetapi sekarang dengan ";" sebagai token, tapi kali ini menarik keluar string kiri (yaitu shift) untuk mendapatkan nilai token yang sebenarnya.

Saya lebih suka menggunakan satu kecocokan ekspresi reguler pada cookie:

window.getCookie = function(name) {
  var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
  if (match) return match[2];
}

ATAU Kami juga dapat menggunakannya sebagai fungsi, periksa kode di bawah ini.

function check_cookie_name(name) 
    {
      var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
      if (match) {
        console.log(match[2]);
      }
      else{
           console.log('--something went wrong---');
      }
   }

Peningkatan berkat Scott Jungwirth dalam komentar.

gunakan skrip penerimaan cookie:

function readCookie(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;
}

lalu sebut itu:

var value = readCookie('obligations');

saya mencuri kode di atas dari halaman cookie quirksmode. Anda harus membacanya .

Jika Anda menggunakan jQuery, saya sarankan Anda untuk menggunakan plugin ini:

https://github.com/carhartl/jquery-cookie
https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js

<script type="text/javascript"
 src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js">

Jadi Anda dapat membaca cookie seperti ini:

var value = $.cookie("obligations");

Anda juga dapat menulis cookie:

$.cookie('obligations', 'new_value');
$.cookie('obligations', 'new_value', { expires: 14, path: '/' });

Hapus cookie:

$.removeCookie('obligations');

Metode dalam beberapa jawaban lain yang menggunakan ekspresi reguler tidak mencakup semua kasus, terutama:

1. Ketika cookie adalah cookie terakhir. Dalam hal ini tidak akan ada titik koma setelah nilai cookie.
2. Ketika nama cookie lain berakhir dengan nama tersebut sedang dicari. Misalnya, Anda mencari cookie yang bernama "one", dan ada cookie yang bernama "done".
3. Ketika nama cookie termasuk karakter yang tidak diartikan sebagai diri mereka sendiri ketika digunakan dalam ekspresi reguler kecuali mereka didahului oleh garis miring terbalik.

Metode berikut menangani kasus ini:

function getCookie(name) {
    function escape(s) { return s.replace(/([.*+?\^${}()|\[\]\/\\])/g, '\\$1'); };
    var match = document.cookie.match(RegExp('(?:^|;\\s*)' + escape(name) + '=([^;]*)'));
    return match ? match[1] : null;
}

Ini akan kembali nulljika cookie tidak ditemukan. Ini akan mengembalikan string kosong jika nilai cookie kosong.

Catatan:

1. Fungsi ini menganggap nama cookie peka terhadap huruf besar-kecil .
2. document.cookie- Ketika ini muncul di sisi kanan tugas, itu mewakili string yang berisi daftar cookie yang dipisahkan dengan titik koma, yang pada gilirannya name=valueberpasangan. Tampaknya ada ruang tunggal setelah setiap titik koma.
3. String.prototype.match()- Kembali nullketika tidak ditemukan kecocokan. Mengembalikan array ketika kecocokan ditemukan, dan elemen pada indeks [1]adalah nilai dari kelompok yang cocok pertama.

Catatan Ekspresi Reguler:

1. (?:xxxx) - membentuk grup yang tidak cocok.
2. ^ - cocok dengan awal string.
3. | - Memisahkan pola alternatif untuk grup.
4. ;\\s* - cocok dengan satu titik koma diikuti oleh nol atau lebih karakter spasi putih.
5. = - cocok dengan satu tanda sama dengan.
6. (xxxx) - membentuk grup yang cocok.
7. [^;]*- cocok dengan nol atau lebih karakter selain titik koma. Ini berarti akan cocok dengan karakter hingga, tetapi tidak termasuk, titik koma atau ke akhir string.

4 tahun kemudian, versi ES6 cara yang lebih sederhana.

function getCookie(name) {
  let cookie = {};
  document.cookie.split(';').forEach(function(el) {
    let [k,v] = el.split('=');
    cookie[k.trim()] = v;
  })
  return cookie[name];
}

Saya juga telah membuat inti untuk menggunakannya sebagai Cookieobjek. misalnya, Cookie.set(name,value)danCookie.get(name)

Ini membaca semua cookie alih-alih memindai. Tidak masalah untuk sejumlah kecil cookie.

Saya telah memodifikasi fungsi yang disediakan Jonathan di sini, dengan menggunakan ekspresi reguler Anda bisa mendapatkan nilai cookie dengan namanya seperti ini:

function getCookie(name){
    var pattern = RegExp(name + "=.[^;]*")
    var matched = document.cookie.match(pattern)
    if(matched){
        var cookie = matched[0].split('=')
        return cookie[1]
    }
    return false
}

Jika mengembalikan string kosong itu berarti cookie itu ada tetapi tidak memiliki nilai, jika itu mengembalikan false maka cookie itu tidak ada. Saya harap ini membantu.

Berikut ini adalah satu liner untuk mendapatkan cookie dengan nama tertentu tanpa perlu lib eksternal:

var cookie = ("; "+document.cookie).split("; YOUR_COOKIE_NAME=").pop().split(";").shift();

Jawaban ini didasarkan pada solusi brilian kirlich . Satu-satunya kompromi dari solusi ini adalah, bahwa Anda akan mendapatkan string kosong ketika cookie tidak ada. Dalam kebanyakan kasus ini seharusnya tidak menjadi pemecah kesepakatan.

Saya tahu ini adalah pertanyaan lama tetapi saya juga menemukan masalah ini. Sekadar catatan, Ada sedikit API di halaman web pengembang mozilla .

Yoy bisa mendapatkan cookie apa pun dengan nama hanya menggunakan JS. Kode ini juga IMHO bersih (kecuali untuk garis panjang, yang saya yakin Anda dapat dengan mudah memperbaiki).

function getCookie(sKey) {
    if (!sKey) { return null; }
    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
}

Sebagaimana dinyatakan dalam komentar, perhatikan bahwa metode ini mengasumsikan bahwa kunci dan nilai dikodekan menggunakan komponen encodeURIC (). Hapus decode & encodeURICon komponen () jika kunci dan nilai cookie tidak dikodekan.

Anda dapat menggunakan perpustakaan js-cookie untuk mendapatkan dan mengatur cookie JavaScript.

Sertakan ke HTML Anda:

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

Untuk membuat Cookie:

Cookies.set('name', 'value');

Untuk membaca Cookie:

Cookies.get('name'); // => 'value'

Ini adalah versi yang cukup singkat

 function getCookie(n) {
    let a = `; ${document.cookie}`.match(`;\\s*${n}=([^;]+)`);
    return a ? a[1] : '';
}

Perhatikan bahwa saya menggunakan string template ES6 untuk membuat ekspresi regex.

Menggunakan object.defineProperty

Dengan ini, Anda dapat dengan mudah mengakses cookie

Object.defineProperty(window, "Cookies", {
    get: function() {
        return document.cookie.split(';').reduce(function(cookies, cookie) {
            cookies[cookie.split("=")[0]] = unescape(cookie.split("=")[1]);
            return cookies
        }, {});
    }
});

Mulai sekarang Anda bisa melakukan:

alert( Cookies.obligations );

Ini akan secara otomatis memperbarui juga, jadi jika Anda mengganti cookie, itu juga Cookiesakan berubah.

kirlich memberikan solusi yang bagus. Namun, gagal ketika ada dua nilai cookie dengan nama yang mirip, berikut adalah perbaikan sederhana untuk situasi ini:

function getCookie(name) {
  var value = "; " + document.cookie;
  var parts = value.split("; " + name + "=");
  if (parts.length >= 2) return parts.pop().split(";").shift();
}

selalu bekerja dengan baik:

function getCookie(cname) {
    var name = cname + "=",
        ca = document.cookie.split(';'),
        i,
        c,
        ca_length = ca.length;
    for (i = 0; i < ca_length; i += 1) {
        c = ca[i];
        while (c.charAt(0) === ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) !== -1) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

function setCookie(variable, value, expires_seconds) {
    var d = new Date();
    d = new Date(d.getTime() + 1000 * expires_seconds);
    document.cookie = variable + '=' + value + '; expires=' + d.toGMTString() + ';';
}

Tidak ada persyaratan untuk jQuery atau apapun. JavaScript tua yang baik dan murni.

function getCookie(name) {
    var pair = document.cookie.split('; ').find(x => x.startsWith(name+'='));
    if (pair)
       return pair.split('=')[1]
}

Fungsi sederhana untuk Dapatkan cookie dengan nama cookie:

function getCookie(cn) {
    var name = cn+"=";
    var allCookie = decodeURIComponent(document.cookie).split(';');
    var cval = [];
    for(var i=0; i < allCookie.length; i++) {
        if (allCookie[i].trim().indexOf(name) == 0) {
            cval = allCookie[i].trim().split("=");
        }   
    }
    return (cval.length > 0) ? cval[1] : "";
}

Rupanya MDN belum pernah mendengar tentang kelas karakter regex kata-batas \b, yang cocok dengan yang berdekatan \w+yang terikat di kedua sisi dengan \W+:

getCookie = function(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : null;
};

var obligations = getCookie('obligations');

Menurut saya, Anda dapat membagi pasangan nilai kunci cookie menjadi array dan mendasarkan pencarian Anda pada hal itu:

var obligations = getCookieData("obligations");

Yang menjalankan sebagai berikut:

function getCookieData( name ) {
    var pairs = document.cookie.split("; "),
        count = pairs.length, parts; 
    while ( count-- ) {
        parts = pairs[count].split("=");
        if ( parts[0] === name )
            return parts[1];
    }
    return false;
}

Fiddle: http://jsfiddle.net/qFmPc/

Atau mungkin bahkan yang berikut ini:

function getCookieData( name ) {
    var patrn = new RegExp( "^" + name + "=(.*?);" ),
        patr2 = new RegExp( " " + name + "=(.*?);" );
    if ( match = (document.cookie.match(patrn) || document.cookie.match(patr2)) )
        return match[1];
    return false;
}

Dalam proyek saya, saya menggunakan fungsi berikut untuk mengakses cookie berdasarkan nama

function getCookie(cookie) {
    return document.cookie.split(';').reduce(function(prev, c) {
        var arr = c.split('=');
        return (arr[0].trim() === cookie) ? arr[1] : prev;
    }, undefined);
}

Jika Anda hanya perlu memeriksa apakah ada cookie, lakukan saja ini:

document.cookie.split('logged=true').length == 2

jika cookie yang dicatat = true ada, Anda akan mendapatkan 2, jika tidak 1.

login = true - ubah ini menjadi cookie Anda name = value, atau hanya nama

Sudah ada jawaban bagus di sini untuk mendapatkan cookie, Namun di sini ada solusi sendiri:

function getcookie(cookiename){
var cookiestring  = document.cookie;
var cookiearray = cookiestring.split(';');
for(var i =0 ; i < cookiearray.length ; ++i){ 
    if(cookiearray[i].trim().match('^'+cookiename+'=')){ 
        return cookiearray[i].replace(`${cookiename}=`,'').trim();
    }
} return null;
}

penggunaan: `

     getcookie('session_id');
   // gets cookie with name session_id

diatur oleh javascript

document.cookie = 'cookiename=tesing';

dapatkan dengan jquery dengan plugin jquery-cookie

var value = $.cookie("cookiename");

alert(value);

referensi: https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

document.cookie = "test1=Hello";
document.cookie = "test2=World";

var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)test2\s*\=\s*([^;]*).*$)|^.*$/, "$1");

  alert(cookieValue);

Solusi saya adalah ini:

function getCookieValue(cookieName) {
    var ca = document.cookie.split('; ');
    return _.find(ca, function (cookie) {
        return cookie.indexOf(cookieName) === 0;
    });
}

Fungsi ini menggunakan fungsi Underscorejs _.find. Pengembalian tidak terdefinisi jika nama cookie tidak ada

Saya telah melakukannya dengan cara ini. sehingga saya mendapatkan objek untuk mengakses untuk memisahkan nilai-nilai. Dengan ini, Anda dapat meneruskan cookie ke induk dan kemudian Anda dapat mengakses nilai-nilai Anda dengan tombol seperti

var cookies=getCookieVal(mycookie);
alert(cookies.mykey);
function getCookieVal(parent) {
            var cookievalue = $.cookie(parent).split('&');
            var obj = {};
            $.each(cookievalue, function (i, v) {
                var key = v.substr(0, v.indexOf("="));
                var val = v.substr(v.indexOf("=") + 1, v.length);

                obj[key] = val;

            });
            return obj;
        }  

Pendekatan fungsional untuk menemukan cookie yang ada. Ini mengembalikan array, sehingga mendukung banyak kejadian dengan nama yang sama. Itu tidak mendukung pencocokan kunci parsial, tetapi sepele untuk mengganti === dalam filter dengan regex.

function getCookie(needle) {
    return document.cookie.split(';').map(function(cookiestring) {
        cs = cookiestring.trim().split('=');

        if(cs.length === 2) {
            return {'name' : cs[0], 'value' : cs[1]};
        } else {
            return {'name' : '', 'value' : ''};
        }
    })
    .filter(function(cookieObject) { 
        return (cookieObject.name === needle);
    });
}

Cukup gunakan fungsi berikut (kode javascript murni)

const getCookie = (name) => {
 const cookies = Object.assign({}, ...document.cookie.split('; ').map(cookie => {
    const name = cookie.split('=')[0];
    const value = cookie.split('=')[1];

    return {[name]: value};
  }));

  return cookies[name];
};

Dapatkan cookie dengan nama, cukup berikan nama cookie ke fungsi di bawah ini

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

Fungsi berikut akan mengembalikan key-valuesepasang cookie yang diperlukan, di mana keynama cookie dan valueakan menjadi nilai cookie.

/**
 * Returns cookie key-value pair
 */
var getCookieByName = function(name) {
    var result = ['-1','-1'];
    if(name) {
        var cookieList = document.cookie.split(';');
        result = $.grep(cookieList,function(cookie) { 
            cookie = cookie.split('=')[0];
            return cookie == name;
        });
    }
    return result;
};

Contoh cookie: contoh JS:

document.cookies = {
   create : function(key, value, time){
     if (time) {
         var date = new Date();
         date.setTime(date.getTime()+(time*24*60*60*1000));
         var expires = "; expires="+date.toGMTString();
     }
     else var expires = "";
     document.cookie = key+"="+value+expires+"; path=/";
   },
   erase : function(key){
     this.create(key,"",-1);
   },
   read : function(key){
     var keyX = key + "=";
     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(keyX) == 0) return   c.substring(keyX.length,c.length);
     }
     return null;
   }
}

Menyimpan array dan objek dengan json atau xml