如何使用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記錄點擊以更改下一頁上的內容

回答

相關問題