Javascript 如何从用户获取输入并在屏幕上显示,当用户共享url时,获得url的人可以看到该输入 拉兰 在此处键入您的姓名

Javascript 如何从用户获取输入并在屏幕上显示,当用户共享url时,获得url的人可以看到该输入 拉兰 在此处键入您的姓名,javascript,html,input,inputstream,Javascript,Html,Input,Inputstream,我遇到的问题是,如何将其保存在url中,就像在许多url中一样,名称被保存,只有他才能看到它您需要以某种方式保存数据。有很多方法可以做到这一点。您可以使用像Redis这样的缓存,也可以在数据库中实现记录。我认为最简单的方法是将数据持久化到要共享的查询字符串中。关于如何实现这一点,这里有一个非常好的答案: [从代码中添加或更新查询字符串][1] [1]: https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-qu

我遇到的问题是,如何将其保存在url中,就像在许多url中一样,名称被保存,只有他才能看到它

您需要以某种方式保存数据。有很多方法可以做到这一点。您可以使用像Redis这样的缓存,也可以在数据库中实现记录。我认为最简单的方法是将数据持久化到要共享的查询字符串中。关于如何实现这一点,这里有一个非常好的答案: [从代码中添加或更新查询字符串][1] [1]: https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter

在查询中设置数据后,可以查找查询中是否有任何信息,如果有,可以将其作为输入的默认值呈现。为此,您可以使用:

const urlparms=新的URLSearchParams(window.location.search)

<h1>Lalan</h1>
<input type="text" name="text" id="text" maxlength="12"> <label for="text"> Type your name here</label> <br><input type="submit" value="Submit"> </form>
const pastUserInput = urlParams.get(`pastUserInput`)