javascript - HTML 中的数据处理，无需服务器代码(仅使用 Javascript)

Question

我只是想知道是否有办法做到这一点:

我在网页中有一个表单，用户提交表单后，页面被重定向到另一个静态 HTML 页面。

有没有办法在不借助任何服务器代码的情况下操作第二个 HTML 页面中的数据？

我的意思是我可以在第二页显示用户提交的表单数据吗？

当然应该有一个导航，而不是一些加载第二页的 Ajax 代码(使用它可以很容易地操作数据)。

Answer 1

您可以使用 <form>使用 GET 方法转到另一个带有一些查询参数的静态 HTML 页面，然后使用 JavaScript 获取这些参数:

首页:

<form method="GET" action="page2.html">
    <input type="text" name="value1"/>
    <input type="text" name="value2"/>
    <input type="submit"/>
</form>

第二页:

<script type="text/javascript">
function getParams() {
    function decode(s) {
        return decodeURIComponent(s).split(/\+/).join(" ");
    }

    var params = {};

    document.location.search.replace(
        /\??(?:([^=]+)=([^&]*)&?)/g,
        function () {
            params[decode(arguments[1])] = decode(arguments[2]);
        });

    return params;
}

var params = getParams();

alert("value1=" + params.value1);
alert("value2=" + params.value2);
// or massage the DOM with these values
</script>