在网页上的元素中将 URL 参数值显示为文本（来自非程序员的问题）

Displaying URL parameter values as text in an element on webpage (Question from a non-programmer)

提问人：Taylor Johnston 提问时间：4/4/2022 更新时间：4/4/2022 访问量：2341

问：

我没有任何编程方面的专业知识，只是从我为解决一次性需求而研究的一点点。但是，我似乎找不到答案的一件事是在页面上填充动态内容。

我目前在没有代码程序的情况下构建我的网站（Airtable 作为我的后端）。 对于我的工作，我的每个客户都会收到一个网页链接，该网页包含一些特定于客户的变量（姓名、出生日期、pdf 链接）——是否可以通过 URL 传递这些参数以让它们显示在网页上？

我认为它的功能类似于将表单数据传递到感谢页面 URL，这个理论正确吗？如果是这样，谁能帮助我做什么/我需要实现哪些html和js代码才能实现这一目标？

提前致谢（这将使我的生活轻松一百万倍）！

HTML 动态 参数传递 Airtable 个性化

评论

0赞 Egil Hansen 4/4/2022
在这里看看如何使用 JS :) 获取参数sitepoint.com/get-url-parameters-with-javascript如果您构建 HTML，您可以轻松地将 URL 中的参数设置为特定的 HTML 元素。如果你在HTML部分空白，我可以为你做一个完整的例子吗？
0赞 Taylor Johnston 4/5/2022
@EgilHansen哦，非常感谢您的报价！我会玩一玩，看看我自己能不能弄清楚，但如果我不能，肯定会跟进你。😊 这篇文章很有帮助
0赞 Egil Hansen 4/5/2022
呵呵，我只是说我可以举一个简单的例子，就像我继续做;)如果您接受解决方案，请勾选我的答案上的方框:)

答：

0赞 Đoàn Khiêm 4/4/2022 #1

您可以完全通过 URL 传递参数。例如：your_domain.com/name1/birth-date/code-pdf

评论

0赞 Mori 4/4/2022
请在评论部分添加您的答案或解释更多。
1赞 Egil Hansen 4/4/2022 #2

是的，您可以使用 JS 轻松解析 URL 参数，请参阅下面的简单示例：

https://exampleurl.com/?birthdate=22091977&pdflink=yourlink123.pdf

<html>
    <body>
        <span id="birthdate"></span>
    </body>
</html>

<script>
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const birthdate = urlParams.get('birthdate');
    const pdflink = urlParams.get('pdflink');
    document.getElementById("birthdate").innerHTML = birthdate;
</script>

评论

1赞 Taylor Johnston 4/4/2022
不可思议！！这正是我需要的 - 非常感谢！😊
0赞 Egil Hansen 4/4/2022
没关系！请将我的帖子标记为正确答案;)

上一个：具有自定义 html 元素的活动导航项

下一个：将参数传递给 SVG &lt;defs&gt; &lt;g&gt;