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));
            }
        }
    }

当我从loja.html加载index.html时，不显示任何警报。在浏览器上键入时，仅显示第一个警报。如何正确地从loja.html向index.html发送数据，然后立即加载loja.html？

Answer 1

Javascript在当前浏览器窗口/位置内生存/执行;如果当前没有加载loja.html，它将无法执行任何操作，因为该页面上的javascript尚未运行。您需要一个服务器端组件来接受您正在进行的GET（而不是POST）请求并存储数据。然后loja.html可以通过Javascript加载它。

Answer 2

您可以在页面之间移动数据：

将数据存储在本地存储中
将数据存储在Cookie中
通过查询参数将数据添加到URL
在新页面上查询数据库以检索数据。

不使用SPA，没有直接的方法将数据从一个html页面移动到另一个html页面。

如何从其他html页面的html表单POST接收数据？

2 个答案: