Hướng dẫn what is session in javascript? - phiên trong javascript là gì?

Giá trị

Một đối tượng Storage có thể được sử dụng để truy cập không gian lưu trữ phiên của Origin.

Ngoại lệ

// Get the text field that we're going to track
let field = document.getElementById("field");

// See if we have an autosave value
// (this will only happen if the page is accidentally refreshed)
if (sessionStorage.getItem("autosave")) {
  // Restore the contents of the text field
  field.value = sessionStorage.getItem("autosave");
}

// Listen for changes in the text field
field.addEventListener("change", () => {
  // And save the results into the session storage object
  sessionStorage.setItem("autosave", field.value);
});

Bị ném vào một trong những trường hợp sau:

• Nguồn gốc không phải là một sơ đồ hợp lệ/máy chủ/port tuple. Điều này có thể xảy ra nếu nguồn gốc sử dụng các sơ đồ

  // Get the text field that we're going to track
  let field = document.getElementById("field");
  
  // See if we have an autosave value
  // (this will only happen if the page is accidentally refreshed)
  if (sessionStorage.getItem("autosave")) {
    // Restore the contents of the text field
    field.value = sessionStorage.getItem("autosave");
  }
  
  // Listen for changes in the text field
  field.addEventListener("change", () => {
    // And save the results into the session storage object
    sessionStorage.setItem("autosave", field.value);
  });
  

  8 hoặc

  // Get the text field that we're going to track
  let field = document.getElementById("field");
  
  // See if we have an autosave value
  // (this will only happen if the page is accidentally refreshed)
  if (sessionStorage.getItem("autosave")) {
    // Restore the contents of the text field
    field.value = sessionStorage.getItem("autosave");
  }
  
  // Listen for changes in the text field
  field.addEventListener("change", () => {
    // And save the results into the session storage object
    sessionStorage.setItem("autosave", field.value);
  });
  

  9 chẳng hạn.
• Yêu cầu vi phạm quyết định chính sách. Ví dụ: người dùng đã cấu hình các trình duyệt để ngăn trang dữ liệu tồn tại.

Lưu ý rằng nếu người dùng chặn cookie, các trình duyệt có thể sẽ diễn giải đây như một hướng dẫn để ngăn trang không thể tồn tại.

Ví dụ

Cách sử dụng cơ bản

// Save data to sessionStorage
sessionStorage.setItem("key", "value");

// Get saved data from sessionStorage
let data = sessionStorage.getItem("key");

// Remove saved data from sessionStorage
sessionStorage.removeItem("key");

// Remove all saved data from sessionStorage
sessionStorage.clear();

Lưu văn bản giữa các lần làm mới

Ví dụ sau đây tự động tạo nội dung của trường văn bản và nếu trình duyệt được làm mới, hãy khôi phục nội dung trường văn bản để không bị mất.

// Get the text field that we're going to track
let field = document.getElementById("field");

// See if we have an autosave value
// (this will only happen if the page is accidentally refreshed)
if (sessionStorage.getItem("autosave")) {
  // Restore the contents of the text field
  field.value = sessionStorage.getItem("autosave");
}

// Listen for changes in the text field
field.addEventListener("change", () => {
  // And save the results into the session storage object
  sessionStorage.setItem("autosave", field.value);
});

Xem thêm