javascript - 如何从其他 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 加载它。