如何從其他html頁面的html表單POST接收數據？

Question

我有一個名為index.html的html頁面。 在其中，我使用js將JSON發送到其他頁面（ loja.html ），然后立即加載此頁面。 我想在loja.html上閱讀JSON的內容，並用它來填充一些html標簽。 這是我的代碼：

一塊index.html的

var ajax = new XMLHttpRequest();
ajax.onreadystatechange = function() {
    if (ajax.readyState == XMLHttpRequest.DONE) {
        alert(ajax.status);
        }
    }
ajax.open("GET", "http://localhost:8080/DBRest/loja.html",true);
ajax.setRequestHeader("Content-Type", "application/json");
ajax.send(dataToJSON(nome,idade));
console.log(dataToJSON(nome,idade));
window.location = 'http://localhost:8080/DBRest/loja.html'; 

loja.html的js片段：

window.onload = function() {
        alert('alert');
        var ajax = new XMLHttpRequest();
        ajax.onreadystatechange = function() {
            if (ajax.readyState == XMLHttpRequest.DONE) {
                alert(ajax.status);
                alert(JSON.parse(ajax.responseText));
            }
        }
    }

當我從index.html加載loja.html ，不會顯示任何警報。 在瀏覽器上鍵入時，僅顯示第一個警報。 我如何正確地將數據從index.html發送到loja.html並立即加載loja.html ？

Answer 1

Javascript在當前瀏覽器窗口/位置內運行/執行； 如果loja.html當前未加載，則不會執行任何操作，因為該頁面上的javascript尚未運行。 您將需要一個服務器端組件來接受您正在進行的GET（而非POST）請求並存儲數據。 loja.html然后可以通過Javascript加載它。

Answer 2

您可以使用幾種方法在頁面之間移動數據：

1. 將數據存儲在本地存儲中
2. 將數據存儲在Cookie中
3. 通過查詢參數將數據添加到URL
4. 在新頁面上查詢數據庫以檢索數據。

如果不使用SPA，就沒有直接方法將數據從一個html頁面移動到另一個html頁面。