base64函式
btoa() 和 atob() 是 JavaScript 中的標準函式，通常在現代瀏覽器中都能正常作業，然而，它們在處理非 ASCII 字符時可能存在一些兼容性問題，
這些函式的主要限制在于它們僅支持 ASCII 字符集，對于非 ASCII 字符（如 Unicode 字符）可能會產生不可預測的結果，在處理非 ASCII 字符時，你可能需要使用其他方法或庫來確保正確的編碼和解碼，
另外，btoa() 和 atob() 函式是瀏覽器原生提供的，而不是 jQuery 特有的函式，它們在大多數現代瀏覽器中得到支持，包括 Chrome、Firefox、Safari 和 Edge，但是，對于一些舊版本的瀏覽器，特別是舊版本的 Internet Explorer，可能不支持這些函式，
為了兼容性和更好的跨瀏覽器支持，你可以考慮使用現代的 JavaScript 庫，如 Base64.js 或 CryptoJS，它們提供了跨瀏覽器的 Base64 編碼和解碼功能，
總之，btoa() 和 atob() 在大多數現代瀏覽器中都能正常作業，但對于非 ASCII 字符和一些舊版本的瀏覽器可能存在兼容性問題，對于更廣泛的兼容性和功能需求，使用專門的 Base64 編碼庫可能是一個更好的選擇，
localStorage
localStorage是瀏覽器提供的一種機制，用于在客戶端（即瀏覽器）中存盤和檢索資料，它允許你以鍵值對的形式將資料保存在瀏覽器的本地存盤空間中，并且這些資料在頁面重繪或關閉后仍然可用，
下面是使用jQuery與localStorage進行資料存盤和檢索的示例：
// 存盤資料到localStorage
localStorage.setItem('key', 'value');
// 從localStorage中檢索資料
var value = https://www.cnblogs.com/lori/archive/2023/06/16/localStorage.getItem('key');
// 洗掉localStorage中的資料
localStorage.removeItem('key');
在上述示例中，localStorage.setItem()用于將資料存盤到localStorage中，它接受一個鍵和一個值作為引數，localStorage.getItem()用于檢索指定鍵的值，它接受一個鍵作為引數，并回傳對應的值，localStorage.removeItem()用于從localStorage中洗掉指定鍵的資料，它接受一個鍵作為引數，
請注意，localStorage中存盤的資料是以字串的形式進行存盤的，如果你需要存盤和檢索非字串型別的資料（例如物件或陣列），你可以使用JSON.stringify()將其轉換為字串，然后使用JSON.parse()將其轉換回原始型別，
下面是一個使用jQuery和localStorage存盤和檢索物件資料的示例：
// 存盤物件到localStorage
var data = https://www.cnblogs.com/lori/archive/2023/06/16/{ key:'value' };
localStorage.setItem('obj', JSON.stringify(data));
// 從localStorage中檢索物件資料
var storedData = https://www.cnblogs.com/lori/archive/2023/06/16/JSON.parse(localStorage.getItem('obj'));
console.log(storedData.key); // 輸出: value
在上述示例中，我們將一個物件存盤到localStorage中時，使用JSON.stringify()將其轉換為字串進行存盤，然后，使用JSON.parse()將存盤的字串轉換回物件形式進行檢索，
總之，jQuery可以與localStorage一起使用，以便在客戶端瀏覽器中存盤和檢索資料，
對用戶名和密碼進行存盤
當用戶進行登錄頁后，直接從localStorage中把用戶名和密碼取出來，填充到表單里，對用戶體驗來說十分不錯；像瀏覽器的記住密碼功能是有安全隱患的，因為其它人通過你的電腦，就可以看到你的密碼了，不是很安全，
// 頁面加載后填充用戶名和密碼
var username = localStorage.getItem("c");
var obj=JSON.parse(atob(username));
$("#email-phone").val(obj.username);
$("#passwordFront").val(obj.password);
// 提交表單時，存盤用戶名和密碼，為了安全，我們的密碼在post傳遞時，是加密之后的，明文密碼不進行提交，保證了安全性，雖然目前有了https，保存了它在傳輸程序中的安全性，但像大型網站還是對這塊進行了加密
$("#password").val(encryption($("#passwordFront").val()));
var obj= {username:$("#email-phone").val(), password: $("#passwordFront").val()};
localStorage.setItem("c", btoa(JSON.stringify(obj)));
$("#passwordFront").remove();
$("#form-login").submit();
作者：倉儲大叔，張占嶺，
榮譽：微軟MVP
QQ：853066980
支付寶掃一掃，為大叔打賞!
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/555402.html
標籤：其他
上一篇：什么是SEO
下一篇：返回列表