Question

我不知道php或任何后端类型的代码。我不知道我是否正确地问这个问题，如果我不是，请道歉，但我想要发生的事情是：

用户点击页面的div /链接。 Javascript记录该div的信息并使用该信息更新链接的页面来自之前点击过的div。以某种方式只使用javascript或jquery来实现这一点？

我想过只是重新加载页面，但刷新整个页面，包括从javascript点击变量收集的信息。

Answer 1

您可以使用Cookie执行此操作（如果最终用户在其浏览器上启用了Cookie），或者甚至可以使用更安全的HTML5本地存储（请参见下文）。

// set your variable 
localStorage.setItem("somevariable", "something to store");

// retrieve your variable
localStorage.getItem("somevariable");

Answer 2

您可以通过处理网址来执行此操作：

<a href="?click=true">Click</a>

JSFiddle不支持它，因此您可以在本机上复制代码并运行它顺便说一句，如果您只需要记录一个参数，例如页码\ userName ，则URL是最简单的方法，但是如果要记录表数据列表。也许localstorage或cookie适合您。

Answer 3

首先，你只能通过Javascript / JQuery实现很多目标。因此，迟早，您必须使用PHP或任何其他服务器端处理机制。

但是，要解决当前问题，您可以在当前页面上设置查询字符串参数。例如'www.myurl.com/nextpage?clicked=true'。在这里，clicked=true表示用户点击了您的特定div /链接。在下一页上阅读查询字符串clicked并进行相应处理。

要阅读下一页的查询字符串：选项1）使用jQuery插件Purl (A JavaScript URL parser)

var queryStringParameter = $.url().param('queryStringParameter');

选项2）编写自己的代码阅读：

function querySt(Key) {
    var url = window.location.href;
    KeysValues = url.split(/[\?&]+/);
    for (i = 0; i < KeysValues.length; i++) {
        KeyValue = KeysValues[i].split("=");
        if (KeyValue[0] == Key) {
            return KeyValue[1];
        }
    }
}

如何使用javascript录制单击以更改下一页上的内容

3 个答案: