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

我不知道php或任何后端类型的代码。我不知道我是否正确地问这个，如果我不是，我很抱歉，但我想要发生的是：如何使用javascript记录点击以更改下一页上的内容

用户点击div /链接到一个页面。 Javascript记录该分区上的信息，并使用之前点击的分区中的信息更新链接页面。不知何故使这只发生使用JavaScript或jQuery的？

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

2014-09-29 Spagheddy

您可以使用cookie（如果最终用户在其浏览器中启用了cookie）或者更好地使用HTML5本地存储（见下文），您可以使用它来更安全。

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

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

来源

2014-09-29 03:17:35 cherrysoft

哇，这是非常酷！我不知道html5能做到这一点！ – Spagheddy 2014-09-29 03:30:43

+1让我们知道HTML5的力量。顺便说一下，我很想知道这些变量存储在哪里，范围是多少？ – Yasin 2014-09-29 03:53:44

好的小页面在这里解释所有 - http://diveintohtml5.info/storage.html :) – cherrysoft 2014-09-29 03:55:02

你可以这样做，通过手柄网址：

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

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

来源

2014-09-29 03:18:48

首先你不能用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]; 
     } 
    } 
}

来源

2014-09-29 03:23:59 Yasin

+1为Todds原创建议，NiSay为此详细阐述。如果你只是检查看看哪个按钮被点击，那么他们的建议比我建议的更容易。 – cherrysoft 2014-09-29 03:29:05

是的，我需要抓住专辑封面，歌曲名称和乐队名称以显示在下一页。 – Spagheddy 2014-09-29 03:55:53

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

回答

相关问题