Nhận cookie theo tên

Tôi có một getter để lấy giá trị từ một cookie.

Bây giờ tôi có 2 cookie theo tên shares=và theo tên obligations=.

Tôi muốn làm cho getter này chỉ để có được các giá trị từ cookie nghĩa vụ.

Làm thế nào để tôi làm điều này? Vì vậy, forphân chia dữ liệu thành các giá trị riêng biệt và đặt nó trong một mảng.

 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]);
    }
 }

Một cách tiếp cận, tránh lặp lại trên một mảng, sẽ là:

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

Hướng dẫn

Việc tách một chuỗi bằng mã thông báo sẽ tạo ra một mảng, với một chuỗi (cùng giá trị), trong trường hợp mã thông báo không tồn tại trong một chuỗi hoặc một mảng có hai chuỗi, trong trường hợp mã thông báo được tìm thấy trong một chuỗi.

Phần tử đầu tiên (bên trái) là chuỗi của phần trước mã thông báo và phần thứ hai (bên phải) là phần của phần trước phần sau của mã thông báo.

(LƯU Ý: trong trường hợp chuỗi bắt đầu bằng mã thông báo, phần tử đầu tiên là chuỗi trống)

Xem xét rằng cookie được lưu trữ như sau:

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

để truy xuất giá trị cookie cụ thể, chúng ta chỉ cần lấy chuỗi nằm sau "; {name} =" và trước tiếp theo ";". Trước khi thực hiện bất kỳ quá trình xử lý nào, chúng tôi thêm vào chuỗi cookie bằng ";", sao cho mọi tên cookie, kể cả tên đầu tiên, được đính kèm với ";" và "=":

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

Bây giờ, trước tiên chúng ta có thể phân tách bằng "; {name} =" và nếu mã thông báo được tìm thấy trong chuỗi cookie (nghĩa là chúng ta có hai phần tử), chúng ta sẽ kết thúc với phần tử thứ hai là một chuỗi bắt đầu bằng giá trị cookie của chúng ta. Sau đó, chúng tôi lấy nó ra từ một mảng (tức là pop) và lặp lại quá trình tương tự, nhưng bây giờ với ";" dưới dạng mã thông báo, nhưng lần này kéo ra chuỗi bên trái (tức là dịch chuyển) để lấy giá trị mã thông báo thực tế.

Tôi muốn sử dụng một kết hợp biểu thức chính quy duy nhất trên cookie:

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

HOẶC Ngoài ra chúng tôi có thể sử dụng như một chức năng, kiểm tra mã bên dưới.

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---');
      }
   }

Cải thiện nhờ Scott Jungwirth trong các ý kiến.

sử dụng tập lệnh nhận 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;
}

sau đó gọi nó:

var value = readCookie('obligations');

tôi đã đánh cắp mã ở trên từ trang cookie quirksmode. bạn nên đọc nó .

Nếu bạn sử dụng jQuery, tôi khuyên bạn nên sử dụng plugin này:

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">

Vì vậy, bạn có thể đọc cookie như thế này:

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

Ngoài ra, bạn có thể viết cookie:

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

Xóa cookie:

$.removeCookie('obligations');

Các phương thức trong một số câu trả lời khác sử dụng biểu thức chính quy không bao gồm tất cả các trường hợp, đặc biệt:

1. Khi cookie là cookie cuối cùng. Trong trường hợp này, sẽ không có dấu chấm phẩy sau giá trị cookie.
2. Khi một tên cookie khác kết thúc với tên được tìm kiếm. Ví dụ: bạn đang tìm kiếm cookie có tên "một" và có một cookie có tên "xong".
3. Khi tên cookie bao gồm các ký tự không được hiểu là chính chúng khi được sử dụng trong một biểu thức thông thường trừ khi chúng được đặt trước dấu gạch chéo ngược.

Phương pháp sau đây xử lý các trường hợp sau:

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;
}

Điều này sẽ trở lại nullnếu không tìm thấy cookie. Nó sẽ trả về một chuỗi rỗng nếu giá trị của cookie trống.

Ghi chú:

1. Hàm này giả sử tên cookie là trường hợp nhạy cảm .
2. document.cookie- Khi phần này xuất hiện ở phía bên phải của bài tập, nó đại diện cho một chuỗi chứa danh sách cookie được phân tách bằng dấu chấm phẩy, lần lượt là name=valuecác cặp. Dường như có một khoảng trống sau mỗi dấu chấm phẩy.
3. String.prototype.match()- Trả về nullkhi không tìm thấy kết quả khớp. Trả về một mảng khi tìm thấy kết quả khớp và phần tử tại chỉ mục [1]là giá trị của nhóm khớp đầu tiên.

Ghi chú biểu thức chính quy:

1. (?:xxxx) - tạo thành một nhóm không phù hợp.
2. ^ - khớp với phần bắt đầu của chuỗi.
3. | - tách các mẫu thay thế cho nhóm.
4. ;\\s* - khớp với một dấu chấm phẩy theo sau là 0 hoặc nhiều ký tự khoảng trắng.
5. = - khớp với một dấu bằng.
6. (xxxx) - tạo thành một nhóm phù hợp.
7. [^;]*- khớp với 0 hoặc nhiều ký tự khác với dấu chấm phẩy. Điều này có nghĩa là nó sẽ khớp các ký tự lên đến, nhưng không bao gồm dấu chấm phẩy hoặc đến cuối chuỗi.

4 năm sau, ES6 phiên bản đơn giản hơn.

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

Tôi cũng đã tạo ra một ý chính để sử dụng nó như một Cookieđối tượng. ví dụ, Cookie.set(name,value)vàCookie.get(name)

Điều này đọc tất cả các cookie thay vì quét qua. Nó ổn với số lượng nhỏ cookie.

Tôi đã sửa đổi hàm mà Jonathan cung cấp ở đây, bằng cách sử dụng biểu thức chính quy, bạn có thể nhận được giá trị cookie theo tên của nó như sau:

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
}

Nếu nó trả về chuỗi rỗng, điều đó có nghĩa là cookie tồn tại nhưng không có giá trị, nếu nó trả về false thì cookie không tồn tại. Tôi hi vọng cái này giúp được.

Đây là một lớp lót để có được một cookie với một tên cụ thể mà không cần bất kỳ lib bên ngoài nào:

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

Câu trả lời này dựa trên giải pháp tuyệt vời của kirlich . Sự thỏa hiệp duy nhất của giải pháp này là, bạn sẽ nhận được một chuỗi rỗng khi cookie không tồn tại. Trong hầu hết các trường hợp, đây không phải là một công cụ thỏa thuận.

Tôi biết đó là một câu hỏi cũ nhưng tôi cũng gặp phải vấn đề này. Chỉ để ghi lại, có một API nhỏ trong trang web mozilla của nhà phát triển .

Yoy có thể nhận bất kỳ cookie nào bằng tên chỉ bằng cách sử dụng JS. Mã này cũng sạch hơn IMHO (ngoại trừ dòng dài, tôi chắc chắn rằng bạn có thể dễ dàng sửa chữa).

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

Như đã nêu trong các ý kiến, hãy lưu ý rằng phương thức này giả định rằng khóa và giá trị được mã hóa bằng encodeURIComponent (). Xóa giải mã & encodeURIComponent () nếu khóa và giá trị của cookie không được mã hóa.

Bạn có thể sử dụng thư viện js-cookie để nhận và đặt cookie JavaScript.

Bao gồm HTML của bạn:

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

Để tạo Cookie:

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

Để đọc Cookie:

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

Đây là một phiên bản khá ngắn

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

Lưu ý rằng tôi đã sử dụng các chuỗi mẫu của ES6 để soạn biểu thức regex.

Sử dụng object.defineProperty

Với điều này, bạn có thể dễ dàng truy cập 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
        }, {});
    }
});

Từ bây giờ bạn chỉ có thể làm:

alert( Cookies.obligations );

Điều này cũng sẽ tự động cập nhật, vì vậy nếu bạn thay đổi cookie, Cookiesnó cũng sẽ thay đổi.

kirlich đã đưa ra một giải pháp tốt. Tuy nhiên, nó không thành công khi có hai giá trị cookie có tên giống nhau, đây là cách khắc phục đơn giản cho tình huống này:

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

luôn hoạt động tốt:

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() + ';';
}

Không có yêu cầu cho jQuery hoặc bất cứ điều gì. JavaScript cũ tốt thuần túy.

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

Chức năng đơn giản để Nhận cookie với tên 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] : "";
}

Rõ ràng MDN chưa bao giờ nghe nói về lớp ký tự regex ranh giới từ \b, khớp với tiếp giáp \w+được giới hạn ở hai bên với \W+:

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

var obligations = getCookie('obligations');

Dường như với tôi, bạn có thể chia các cặp khóa-giá trị cookie thành một mảng và dựa trên tìm kiếm của bạn:

var obligations = getCookieData("obligations");

Mà chạy như sau:

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;
}

Câu đố: http://jsfiddle.net/qFmPc/

Hoặc thậm chí có thể sau đây:

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;
}

Trong các dự án của tôi, tôi sử dụng chức năng sau để truy cập cookie theo tên

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

Nếu bạn chỉ cần kiểm tra nếu một số cookie tồn tại thì đơn giản làm điều này:

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

nếu cookie đăng nhập = true tồn tại, bạn sẽ nhận được 2, nếu không phải 1.

log = true - thay đổi tên này thành tên cookie = value hoặc chỉ một tên

Đã có câu trả lời hay ở đây để nhận cookie, tuy nhiên đây là giải pháp của riêng tôi:

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;
}

cách sử dụng: `

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

được đặt bởi javascript

document.cookie = 'cookiename=tesing';

nhận được bằng jquery với plugin jquery-cookie

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

alert(value);

tham khảo: 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);

Giải pháp của tôi là thế này:

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

Hàm này sử dụng hàm Underscorejs _.find. Trả về không xác định nếu tên cookie không tồn tại

Tôi đã làm theo cách này. để tôi có một đối tượng truy cập để phân tách các giá trị. Với điều này, bạn có thể chuyển cookie cho cha mẹ và sau đó bạn có thể truy cập các giá trị của mình bằng các khóa như

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;
        }  

Một cách tiếp cận chức năng để tìm cookie hiện có. Nó trả về một mảng, vì vậy nó hỗ trợ nhiều lần xuất hiện cùng tên. Nó không hỗ trợ khớp khóa một phần, nhưng việc thay thế === trong bộ lọc bằng regex là chuyện nhỏ.

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);
    });
}

Chỉ cần sử dụng chức năng sau (mã javascript thuần túy)

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];
};

Nhận cookie theo tên chỉ cần chuyển tên của cookie vào bên dưới chức năng

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 "";
}

Hàm sau sẽ trả về một key-valuecặp cookie cần thiết, keytên cookie là gì và valuesẽ là giá trị của 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;
};

Ví dụ về cookie: ví dụ 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;
   }
}

Lưu trữ mảng và đối tượng với json hoặc xml