local-storage 相关问题

LocalStorage是一种使用JavaScript存储持久数据的方法(另请参见:SessionStorage)。

密码登录显示Div localstorage

有什么方法可以让本地存储在登录成功时始终显示“Lorem ipsum”div 的内容吗? 这样,当有人正确输入密码时,内容

回答 1 投票 0

检查 localStorage 项目是否存在不起作用

我已经搜索了好几个小时了,仍然没有解决我的问题:无法检查本地存储中是否存在密钥。 在我的聊天应用程序中,一旦用户打开新选项卡,我想更改...

回答 3 投票 0

选择在innerHTML变量中创建的元素ID

如何选择文本字段元素“member-name”? 函数 RevealPaywall (){ const paywall = document.getElementById('paywall') const name = localStorage.getItem("value")...

回答 1 投票 0

如何仅在组件初始加载时删除本地存储值

我遇到的情况是,我在本地存储中存储了一些值。我想在页面第一次加载时清除这些值。但是,在那之后,如果我想再次设置这些值,我应该......

回答 3 投票 0

ReactJS 中 localstorage 设置值的问题

我正在尝试将值保存在本地存储中。当我单击“设置项目”时,它第一次在本地存储上保存一个空数组。之后这段代码就可以正常工作了。我是 React 和 TS 的初学者...

回答 1 投票 0

如何在javascript中将动态HTML表格存储到localStorage

这里有新编码员。我有一个动态 html 表,其中包含用户输入的详细信息以及他们输入详细信息的时间。但我需要存储数据,即使我刷新或关闭浏览器,它也会重新...

回答 1 投票 0

AlpineJS 下拉菜单,默认选项使用持久存储本地存储

以下代码包含一个下拉菜单,其中包含“巴黎”和“罗马”两个选项。下拉菜单本身工作正常并将所选选项存储在本地存储中...

回答 1 投票 0

登录成功后如何更新ApolloClient授权头?

基本上,我们在index.js 文件中有这个来设置ApolloProvider 授权来进行查询/突变。 从“反应”导入反应; 从'react-dom'导入ReactDOM; 从'...导入应用程序

回答 6 投票 0

如何在 React 应用程序中每次刷新页面时将 localStorage 值增加 1

在我的 React 应用程序中,我将 localStorage 项目计数设置为 1。 使用效果(()=> { window.localStorage.setItem('count', String(1)); }, []); 如何增加这个 localStorage 值...

回答 2 投票 0

在本地存储中存储用户 ID 和角色 ID 安全吗?

我得到了相互矛盾的答案,其中很少有人表示可以使用 localstorage,也很少有人强烈表示不要使用 localstorage 来存储用户 ID、角色 ID、JWT 令牌。我不知所措......

回答 1 投票 0

如何显示用户名而不是登录按钮

我在标题中有以下部分(在index.html文件中): 我在标题中有以下部分(在index.html文件中): <div class="rightsidetext"> <div class="usernameDisplay" style="display: none;"></div> <div class="loginbutton" id="signOutButton" style="display: none;"> <a href="#">Sign Out</a> </div> <div class="loginbutton"><a href="signin.html">Sign in</a></div> <div class="loginbutton"><a href="Login.html">Log in</a></div> </div> 首次加载网站时,会显示登录和登录按钮。用户登录后,我希望将这两个按钮替换为各自的用户名和注销按钮。 在链接到index.html(replaceWithUsername.js)的js文件中,我有: document.addEventListener('DOMContentLoaded', () => { const usernameDisplay = document.querySelector('.usernameDisplay'); const signOutButton = document.getElementById('signOutButton'); const signInButton = document.querySelector('.loginbutton a[href="signin.html"]'); const loginButton = document.querySelector('.loginbutton a[href="Login.html"]'); // Retrieve username from localStorage const username = localStorage.getItem('username'); if (username) { // Show username and sign out button usernameDisplay.textContent = username; usernameDisplay.style.display = 'block'; signOutButton.style.display = 'block'; // Hide sign-in and log-in buttons signInButton.style.display = 'none'; loginButton.style.display = 'none'; } else { console.log('No username found'); } }); 在signin.html的末尾我有: <script> document.addEventListener('DOMContentLoaded', function() { const inputField = document.getElementById('wantedSpace'); // Listen for changes in the input field inputField.addEventListener('input', function(event) { const username = event.target.value; // Get the value entered by the user if (response.status == 200) { console.log('Username found:', username); // Set username in localStorage localStorage.setItem('isLoggedIn', true); localStorage.setItem('username', username); // Redirect to index.html window.location.href = '/allPages/index.html'; } else { console.error('Login failed. Please try again.'); } }); }); </script> 此外,我还有登录路由(在node.js中,它连接到mongoDB batabase): app.post('/login', async (req, res) => { const { usernameOrEmail, password } = req.body; try { // Find user by username or email const user = await User.findOne({ $or: [{ username: usernameOrEmail }, { email: usernameOrEmail }] }); if (!user) { return res.status(404).redirect('/allPages/registration_feedback/sign_in_feedback/userNotFound.html'); } // Compare entered password with hashed password const passwordMatch = await bcrypt.compare(password, user.password); if (!passwordMatch) { return res.status(401).redirect('/allPages/registration_feedback/sign_in_feedback/incorrectPassword.html'); } console.log('Loged in user:', user); const token = generateToken(user); return res.status(200).redirect('/allPages/index.html'); } catch (err) { console.error('Login error:', err); return res.status(500).json({ error: 'Login failed. Please try again.' }); } }); 登录用户后,在 VSC 终端中,我确实获得了该用户的坐标,但在浏览器中,导航栏保持不变(带有登录和登录按钮,没有用户名),并且在控制台中显示以下消息: no username found replaceWithUsername.js:24 如何让用户名出现在页面上? 问题在于在本地存储中正确设置和检索用户名:用户名必须在成功登录后存储,然后检索以更新index.html中的UI。 JavaScript 代码需要正确隐藏“登录”和“登录”按钮,同时根据此登录状态显示用户名和“退出”按钮。 if (username) { // Show username and sign out button usernameDisplay.textContent = username; usernameDisplay.style.display = 'block'; signOutButton.style.display = 'block'; // Hide sign-in and log-in buttons by selecting their parent divs signInButton.parentElement.style.display = 'none'; loginButton.parentElement.style.display = 'none'; } else { console.log('No username found'); } // other code.

回答 1 投票 0

Chrome 扩展:本地存储,如何导出

我有一个 chrome 扩展,可以将一堆数据保存到 chrome.storage.local。我正在尝试找到简单的方法来导出这些数据并将其打包到文件中。我不受文件类型的限制...

回答 3 投票 0

我通过这个函数删除了表格的一行,但无法保存表格的更改

我正在通过函数deleteRow删除最后一行,但我无法保存表的更改。每次我刷新页面时,它都会再次显示已删除的行。 我想通过

回答 1 投票 0

将令牌存储在reactjs中的cookie或本地存储中

我有一个reactjs登录应用程序,我想将从API获取的令牌存储到cookie或本地存储中,下面的代码是我使用的基本身份验证POST方法。你能告诉我吗...

回答 2 投票 0

更改localStorage中的键值?

我有一个名为“1”并包含“某物”的本地存储项目。 我想将名称更改为“2”并保持内容不变。我怎样才能做到这一点? 我知道我可以复制全部内容...

回答 1 投票 0

如何在javascript中将新项目存储在localstorage或sessionstorage中?

我对 javascript 真的很陌生,而且完全蹩脚。我正在努力学习它,但如果你看到我编写的代码,你可能会因为我如何将 html 标签放入innerHTML >:D an...

回答 2 投票 0

使用 localStorage 更新另一个选项卡内容并不总是有效

我的网站上有一个页面(第 1 页),其中的内容是通过调用 API 来加载的。 然后我的网站上有另一个页面(第 2 页),它将一些数据发布到 API 中并保存一些内容

回答 1 投票 0

Vue3 组合 API。 localStorage 中的对象始终返回未定义

我正在使用 Vue3 Composition API。基本上,我试图从存储在 localStorage 中的对象获取数据,但我总是收到它未定义的信息,即使它确实 100% 存在。 错误...

回答 1 投票 0

游戏中 JavaScript 本地存储问题

我一直在制作一个点击游戏,由于某种原因,当我向游戏中添加本地存储时,它停止工作。 JavaScript 似乎不再做任何事情了。 这是网站 这...

回答 1 投票 0

Flutter:未处理的异常:FileSystemException:创建失败,路径='目录:''(操作系统错误:只读文件系统,errno = 30)

我已经谷歌搜索,找到的解决方案正在使用path_provider,在AndroidManifest.xml中添加权限,是的,我已经尝试过。但我的仍然有错误。 这是我的功能 未来<...

回答 2 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.