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

Question

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

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

我假设它的功能类似于将表单数据传递到感谢页面 URL，这个理论正确吗？如果是这样，任何人都可以帮助我 do/what html 和我需要实现的 js 代码吗？

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

Answer 1

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

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

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

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

html

dynamic

parameter-passing

personalization

airtable