我想将用户名和密码从页面login.html 发送到index.html。我怎样才能尽可能简单地做到这一点？以及如何对我的字符串进行编码，使其成为 URL 编码和 UTF-8？
干杯
【问题讨论】：
标签： javascript jquery html
您可以使用 cookies、window.name、通过 url 作为查询字符串或通过web storage 发送数据。
在这个例子中，我将使用 localStorage - (specs), 和以下方法：
login.html
function saveData(user, pass) {
var account = {
User: user,
Pass: pass
};
//converts to JSON string the Object
account = JSON.stringify(account);
//creates a base-64 encoded ASCII string
account = btoa(account);
//save the encoded accout to web storage
localStorage.setItem('_account', account);
}
index.html
function loadData() {
var account = localStorage.getItem('_account');
if (!account) return false;
localStorage.removeItem('_account');
//decodes a string data encoded using base-64
account = atob(account);
//parses to Object the JSON string
account = JSON.parse(account);
//do what you need with the Object
fillFields(account.User, account.Pass);
return true;
}
通过 url 作为 querystring (search)
将对象从一个页面传递到另一个页面login.html
function saveData(user, pass) {
var account = {
User: user,
Pass: pass
};
account = JSON.stringify(account);
account = btoa(account);
location.assign("index.html?a=" + account);
}
index.html
function loadData() {
var account = location.search;
if (!account) return false;
account = account.substr(1);
//gets the 'a' parameter from querystring
var a = (/^a=/);
account = account.split("&").filter(function(item) {
return a.test(item);
});
if (!account.length) return false;
//gets the first element 'a' matched
account = account[0].replace("a=", "");
account = atob(account);
account = JSON.parse(account);
//do what you need with the Object
fillFields(account.User, account.Pass);
return true;
}
【讨论】：
var account = localStorage.getItem('_account'); if (!account) return false; ...要求在检查localStorage是否存在之前加载任何数据，而这...if(account in localStorage) { //do something...只是检查您的数据密钥是否存在在本地存储中。它为您获得的处理时间可以忽略不计，但它为您节省了 return 语句，并且（恕我直言）看起来更干净。
您可以使用 jquery-cookie 插件：
https://github.com/carhartl/jquery-cookie
用法：
<script src="/path/to/jquery.cookie.js"></script>
创建会话 cookie：
$.cookie('cookieName', 'myValue');
创建过期 cookie，从那时起 7 天：
$.cookie('cookieName', 'myValue', { expires: 7 });
读取 cookie：
$.cookie('cookieName'); // => "myValue"
删除 cookie：
$.removeCookie('cookieName');
【讨论】：
饼干！对你的肚子很好吃。
这很有趣，但这是一个真实的答案。您可能希望将信息存储在 cookie 中。这是将信息从 Web 应用程序的一个部分传递到另一个部分的好方法。这是一种通用技术，因此所有平台都支持它。
记住 cookie 是公开的，所以不要放任何可能被黑客入侵的信息。您应该散列和/或加密 cookie 中的值。您还可以生成随机信息——这是最好的。例如，当用户登录时生成一个随机数并将该数字和用户 ID 存储在一个表中，然后将该随机数作为 cookie 传递。这样，只有您的数据库拥有信息，您无法破解 cookie（例如添加一个）。
【讨论】：
您可以在问题的第二部分使用encodeURI('some text to encode')
【讨论】：