Question

如何创建一个可以将值提交到另一个页面然后在不使用编程语言的任何服务器端代码的情况下将其打印出来的表单？

即。的 First.html

<form method="get" action="Second.html">
  <input type="text" name="myname" />
  <input type="submit" value="submit" />
</form>

Second.html

<p>input.myname</p>

Answer 1

我不知道你为什么要这样做，实际上我没有看到任何优势。

无论如何，在second.html中，您可以使用javascript（例如jquery框架）来解析查询字符串并获取您的值。

<强> first.html

<html>
<head>
</head>
<body>
    <form method="GET" action="second.html">
        <input type="text" name="myname" />
        <input type="submit" value="click me" />
    </form>
</body>
</html>

然后，在 second.html 中，使用此：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
(function($) {
    $.QueryString = (function(a) {
        if (a == "") return {};
        var b = {};
        for (var i = 0; i < a.length; ++i)
        {
            var p=a[i].split('=');
            if (p.length != 2) continue;
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
        }
        return b;
    })(window.location.search.substr(1).split('&'))
})(jQuery);
</script>
</head>
<body>
<script type="text/javascript">
alert('Test: ' + $.QueryString["myname"]);
</script>
</body>
</html>

Answer 2

您想在不使用服务器端代码的情况下将数据从一个页面传输到另一个页面吗？这是非常不推荐的，它可以使用像贾斯汀这样的javascript使用，我推荐你使用ASP.NET并通过QueryString或Session传递，如here所示。

HTML-Only表单提交

2 个答案: