如何从用户那里获取输入并将其显示在屏幕上，以及当他共享网址时，获得该网址的人可以看到该输入

编程问答 2022-06-09

问题描述

<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>

我有一个问题，就是我如何将其保存在url中，就像在许多url中那样，将名称保存起来，只有他自己可以看到的人才能看到

解决方法

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

一旦在查询中设置了数据，就可以查找查询中是否有任何信息，如果有，则可以将其呈现为输入的默认值。为此，您可以使用：

const urlParams = new URLSearchParams(window.location.search); 

const pastUserInput = urlParams.get(`pastUserInput`)
htmlinputinputinputstreaminputstreamjavascript