javascript - 使用通过链接传递的数据来个性化页面内容

Question

我正在构建一个用于数字营销事件的页面，我想根据推荐用户的人来个性化该页面的内容。

例如，A 向 B 发送了一个指向此页面的链接，我在他的仪表板上自动生成要由 A 发送的链接。当 B 单击该链接时，我希望页面标题显示“嘿，A 推荐您到这里”

我知道这个问题的解决方案可能很简单，但我对网络开发还不是很了解。我该怎么办

1. 通过链接传递此信息吗？
2. 收集页面上的信息并将其作为内容的一部分放入？

期待最有效实现的建议

Answer 1

理论

您可以使用 URL 参数通过 URL 将信息传递到页面。这种发布数据的方法称为GET

例如，采用以下 URL:

example.com?key1=val1&key2=val2

您可以使用语法 key=value 发送任意数量的参数(注意，值不包含在引号中)，并用 & 分隔每个参数。您必须在 URL 和参数之间添加问号。

JavaScript

然后您可以使用以下 JavaScript 代码检索 URL 参数。在页面开头插入以下内容。

//To get Query Strings with JS 
var urlParams; 
(window.onpopstate = function () {
    var match,
    pl = /\+/g, // Regex for replacing addition symbol with a space
    search = /([^&=]+)=?([^&]*)/g,
    decode = function (s) {
        return decodeURIComponent(s.replace(pl, " "));
    },
    query = window.location.search.substring(1);
    urlParams = {};
    while (match = search.exec(query))
        urlParams[decode(match[1])] = decode(match[2]);
})();

要获取 URL 参数的值，请执行以下操作:

var x = urlParams.key1; // x will be "val1"

PHP

使用 PHP 检索 URL 参数要简单得多。您不需要像 JavaScript 那样在页面开头添加任何代码，因为它是 PHP 的内置功能。只需执行以下操作:

$x = $_GET["key1"]; // $x will be "val1"

练习

在您的情况下，您可以为用户 Albert 显示 URL，他用于共享的唯一 URL 可能是

example.com?sender=Albert

您可以在您的网站上放置

<script>
    if (urlParams.hasOwnProperty("sender")) {
        document.write("Hey, " + urlParams.sender + " reffered you here!");
    }
</script>