Nhận cookie trong javascript theo tên

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp lấy cookie theo tên JavaScript, khái niệm hôm nay của chúng tôi giống như khái niệm hướng dẫn trước với một khác biệt nhỏ đó là chúng tôi lấy một cookie theo tên của nó và không phải truy xuất hoặc lấy tất cả các cookie

Vì chúng tôi biết rằng cookie được sử dụng để lưu trữ dữ liệu bên trong thiết bị hoặc máy tính của người dùng

Ví dụ: tại thời điểm đăng nhập, chúng tôi lưu tên người dùng, id email, v.v. của người dùng bên trong cookie

Và tại bảng điều khiển, chúng tôi sử dụng cookie đó để hiển thị văn bản của người dùng như, Chào mừng tên người dùng đến với cổng thông tin của chúng tôi, v.v.

Ở đây, chúng tôi không truy xuất tất cả dữ liệu của cookie mà chúng tôi lấy cookie bằng cách sử dụng tên mà chúng tôi đã lưu trữ cookie đó để truy cập dữ liệu cần thiết

Bây giờ, hãy để chúng tôi hiểu cách truy xuất một cookie theo tên của nó trong JavaScript

document.cookie = "key1 = value1; key2 = value2; expires = date";

Trên đây là cú pháp chung lấy cookie bằng JavaScript, cách lấy cookie theo tên

Dưới đây là ví dụ về lấy cookie theo tên để hiểu rõ hơn

<!DOCTYPE HTML>
<html>
<head>
 <title> JavaScript Validation </title>
</head>
<body>
 <h1>
  Talkers Code – JavaScript Tutorials
 </h1>
 <h2>
  JavaScript get cookie by name
 </h2>
 <button onclick="getCookies()"> Click Me </button>
 <p id="result"> </p>
 <script>
 var result = document.getElementById("RESULT");
function cookieResult(cookieName) {
  let cookie = {};
  document.cookie.split(';').forEach(function(e) {
    let [key,value] = e.split('=');
    cookie[key.trim()] = value;
  })
  return cookie[cookieName];
}
 function getCookies() {
  result.innerHTML = cookieResult(“username”);
 }
 </script>
</body>
</html>
  1. Ở đây, ở trên chúng tôi chỉ cho bạn một ví dụ trong JavaScript
  2. Đối với điều này, trước hết chúng ta ở đây tạo một cấu trúc cơ bản của html. Đối với điều này, chúng tôi sử dụng html, tiêu đề, tiêu đề và nội dung với thẻ script. Chúng tôi hy vọng bạn đã biết về cấu trúc cơ bản của html và thẻ html nào được sử dụng cho khái niệm nào
  3. Bây giờ, khi chúng ta nhìn vào bên trong thẻ body. Ở đây, chúng ta thấy một số thẻ tiêu đề và thẻ script. Thẻ tiêu đề lại là một khái niệm của html, trong khi tập lệnh liên quan đến JavaScript
  4. JavaScript luôn được viết bên trong thẻ script. Trong đó tập lệnh là thẻ ghép nối nên nó cũng có thẻ đóng. Bây giờ bên trong thẻ tập lệnh này, chúng tôi viết mã JavaScript của mình
  5. Ở đây, như chúng ta thấy rằng bên trong mã html, chúng ta tạo một nút và đoạn văn. Khi nhấp vào nút này, các giá trị cookie được lưu trữ bên trong tên người dùng tên cookie sẽ hiển thị trên màn hình
  6. Bây giờ, như chúng ta thấy bên trong thẻ tập lệnh của mình, chúng ta thấy một chức năng gọi khi nhấp vào nút và chức năng này gọi một chức năng khác như chúng ta thấy. Bây giờ, chức năng này lấy các cookie liên quan đến tên được yêu cầu, chia nhỏ chúng lưu trữ các giá trị bên trong một mảng. Sau đó, mảng được sử dụng để truy xuất các cookie cần thiết

Sự kết luận. -

Cuối cùng, để kết luận, ở đây chúng tôi có thể nói rằng với sự trợ giúp của bài viết này, chúng tôi có thể hiểu cách lấy cookie theo tên bằng JavaScript

Tôi hy vọng hướng dẫn lấy cookie theo tên JavaScript này sẽ giúp ích cho bạn và các bước cũng như phương pháp được đề cập ở trên sẽ dễ thực hiện và thực hiện

Xin chào các bạn, trong bài viết này chúng ta sẽ khám phá cách tìm giải pháp Get Cookie Value In Javascript trong lập trình

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(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;
}

setCookie("user_email","[email protected]",30); //set "user_email" cookie, expires in 30 days
var userEmail=getCookie("user_email");//"[email protected]"

Vấn đề tương tự Nhận giá trị cookie trong Javascript có thể được giải quyết theo cách tiếp cận khác được giải thích bên dưới bằng các ví dụ mã

const getCookie = (cookie_name) =>{
  // Construct a RegExp object as to include the variable name
  const re = new RegExp(`(?<=${cookie_name}=)[^;]*`);
  try{
    return document.cookie.match(re)[0];	// Will raise TypeError if cookie is not found
  }catch{
    return "this-cookie-doesn't-exist";
  }
}

getCookie('csrftoken')	// ADZlxZaPSa6k4oyelVBa5iWTtLJW8P3Jf7nhW90L2ZWc5Zcq2vKLO1RRFbaKco3C
getCookie('_non_existent') // this-cookie-doesn't-exist
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
Cookies.set('cookie_name', 'cookie_value', { expires: 365 });
Cookies.get('cookie_name'); // => 'value'
Cookies.remove('cookie_name');
function getCookie(cookie, name) {
  const q = {}
  cookie?.replace(/\s/g, '')
    .split(';')
    .map(i=>i.split('='))
    .forEach(([key, value]) => {
      q[key] = value
    })
  return q[name]??null;
}
function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}
<script type="text/javascript">
    function setCookie(key, value, expiry) {
        var expires = new Date();
        expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
        document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
    }

    function getCookie(key) {
        var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
        return keyValue ? keyValue[2] : null;
    }

    function eraseCookie(key) {
        var keyValue = getCookie(key);
        setCookie(key, keyValue, '-1');
    }

</script>

Chúng tôi đã điều tra nhiều trường hợp sử dụng để tìm ra giải pháp cho vấn đề Nhận giá trị cookie trong Javascript

Tạo Cookie bằng JavaScript Với ​​JavaScript, cookie có thể được tạo như thế này. tài liệu. cookie = “tên người dùng=John Doe”;

Truy cập giá trị cookie Biến siêu toàn cầu PHP $_COOKIE được sử dụng để truy xuất giá trị cookie. Nó thường là một mảng kết hợp chứa danh sách tất cả các giá trị cookie được gửi bởi trình duyệt trong yêu cầu hiện tại, được khóa bởi tên cookie

JavaScript cũng có thể thao tác cookie bằng thuộc tính cookie của đối tượng Tài liệu. JavaScript có thể đọc, tạo, sửa đổi và xóa các cookie áp dụng cho trang web hiện tại

Mẫu mã bên dưới định nghĩa một hàm, getCookie(), lấy tên của cookie và trả về giá trị của cookie đó

  • hàm getCookie(cName) {
  • const cDecoded = decodeURIComponent(tài liệu. bánh quy);
  • const cArr = cDecoded. tách ra('; ');
  • cArr. forEach(val => {
  • nếu (giá trị. indexOf(tên) === 0) res = val

Xóa cookie cụ thể

  • Trên máy tính của bạn, hãy mở Chrome
  • Ở trên cùng bên phải, hãy nhấp vào biểu tượng Thêm Cài đặt
  • Nhấp vào Quyền riêng tư và bảo mật. Cookie và dữ liệu trang web khác
  • Nhấp vào Xem tất cả dữ liệu và quyền của trang web
  • Ở trên cùng bên phải, tìm kiếm tên trang web
  • Ở bên phải của trang web, hãy nhấp vào Xóa
  • Để xác nhận, hãy nhấp vào Xóa

Một "cookie phiên" là một cookie bình thường. Nó có thể (hoặc có thể không) có ngày hết hạn nhưng không có gì ngăn cản các cookie khác cũng có ngày hết hạn. Cách đáng tin cậy duy nhất để xác định cookie phiên là nếu bạn biết tên của nó (tất nhiên, điều này phụ thuộc vào trang web, nhưng không thành vấn đề nếu đây là trang web của bạn). 15-Feb-2016

Giá trị cookie là cùng một chuỗi chính xác đã được chỉ định với Set-Cookie ; . Nếu có nhiều cookie cho yêu cầu đã cho, thì chúng được phân tách bằng dấu chấm phẩy và dấu cách, chẳng hạn như. Bánh quy. giá trị1; . 05-May-2009

ví dụ 1. Bạn có thể tạo cookie bằng cách viết setcookie() và nhập ngày hết hạn của cookie. Nếu bạn muốn xóa cookie thì đặt ngày hết hạn cookie thành thời điểm hiện tại. Nếu bạn muốn hiển thị cookie thì bạn có thể lặp lại cookie bằng $_cookie[‘name’] và nó sẽ in chi tiết cookie. 10-Mar-2022

Toàn bộ điểm của cookie HttpOnly là JavaScript không thể truy cập chúng. Cách duy nhất (ngoại trừ khai thác lỗi trình duyệt) để tập lệnh của bạn đọc chúng là có một tập lệnh hợp tác trên máy chủ sẽ đọc giá trị cookie và lặp lại giá trị đó như một phần của nội dung phản hồi. 09-Nov-2011

Bạn có thể đặt và truy cập cookie cả qua máy chủ và máy khách. Cookie cũng có các thuộc tính khác nhau quyết định vị trí và cách thức chúng có thể được truy cập và sửa đổi. Tuy nhiên, trước tiên, hãy xem cách bạn có thể truy cập và thao tác với cookie trên máy khách và máy chủ. 07-09-2021