在查询字符串中将隐藏字段从一个页面传递到另一页面

Question

我想通过查询字符串将隐藏字段中的查询从一页传递到另一页。 谁能帮我理清逻辑吗？

Answer 1

花时间学习 jQuery 是值得的。它并不是很复杂，并且使得编写 javascript 变得更加容易。还有很多 jQuery 插件，例如 jquery.url。

此外，正如其他发帖者所建议的那样，如果您关心将隐藏字段的值显示给用户，您可能不希望将其放入查询字符串中。但是，如果数据存在于隐藏字段中，则用户只要愿意查看，就始终可以找到它。

如果您确实想将隐藏字段放入查询字符串中，然后通过非 jQuery javascript 提取它：

hiddenFieldPage.aspx

当用户执行此操作时，此表单会将用户带到processingPage.aspx?datum=someValue已提交。如果不需要同时提交其他内容，您也可以只使用普通链接。

<form method="GET" action="processingPage.aspx">
    <input type="hidden" name="datum" value="someValue">
    <input type="submit">
</form>

或者，插入代码隐藏中的值：

RegisterHiddenField("datum", "someValue");

processingPage.aspx

该脚本将弹出一个警告框，其中包含 URL 中的“datum”值 - 假设表单的方法设置为“GET” ：

    <script type="text/javascript">

        function getUrlParam( key ) {

            // Get the query and split it into its constituent params
            var query = window.location.search.substring(1);
            var params = query.split('&');

            // Loop through the params till we find the one we want
            for( var i in params ) { 
                var keyValue = params[i].split('=');
                if( key == keyValue[0] ) {
                    return keyValue[1];
                }
            }

            // Didn't find it, so return null
            return null;
        }

        alert( getUrlParam("datum") );
    </script>

如果表单的方法设置为“POST”（通常在 ASP.NET 中如此），则“datum”将不会出现在查询字符串中，您必须再次将其放置在页面上

RegisterHiddenField( "datum", Request.Form["datum"] );

：第二页的隐藏值：

var datum = document.Form1.item("datum").value;
alert( datum );

Answer 2

您可以使用 action 参数轻松地在一个页面上提交指向另一页面的表单。例如，在 page1.aspx 内部添加以下内容：

<form action="page2.aspx" method="GET">
  <input type="hidden" name="username" value="joenobody" />
  <input type="submit" />
</form>

由于您使用“GET”而不是“POST”作为方法，因此您可能会使用 Javascript 来解析 URL 并获取传递的值。或者，您可以使用 ASPX 将“用户名”字段的值存储在页面上的其他位置。我不知道 ASPX（或 ASP，或任何 Microsoft 的东西），但如果您能找到一种方法来输出类似以下内容（并且正在使用 jQuery），它可能会满足您的要求。但老实说，听起来你正在做一些完全错误的事情。您能否修改您的问题，使其更具体地说明您试图实现的一般目标是什么？

<div id="some_div"><%= Request.form("username") %></div>

<script type='text/javascript'>
  var value_needed = $('#some_div').html();
</script>

Answer 3

<form method="get">

Answer 4

假设您的意思是隐藏在 HTML 表单中，则提交表单时您的字段将与所有其他字段一起提交。如果您通过 GET 提交，那么您的“隐藏”字段将以纯文本形式显示在 URL 中。如果您不希望用户可以访问隐藏字段中的数据，请不要在该字段中放置可理解的值。

Answer 5

如果您使用的是 aspx，则不需要使用 JavaScript 解析查询字符串，甚至不需要使用

。您可以将表单发布到第二个 aspx 页面，提取 C# 或 VB 中的值，然后将其写入客户端 JavaScript 变量。像这样的内容：

page1.aspx:

<form method="POST" action="page2.aspx">
    <input type="hidden" name="myHiddenServerField" value="myHiddenServerValue">
    <input type="submit">
</form>

page2.aspx:

<script type="text/javascript">
var myHiddenClientValue = '<%= Request.Form['myHiddenServerField']; %>';
</script>

上面会将名为 myHiddenClientValue 的客户端 JavaScript 变量设置为值 < POST 之后的代码>'myHiddenServerValue'。

这可能是一个坏主意，因为如果 myHiddenServerField 包含单引号或换行符，则在 page2.aspx 中的客户端上设置它可能会失败。 在客户端 JavaScript 中嵌入 ASP.NET 服务器变量 和 在客户端 JavaScript 中嵌入 ASP.NET 服务器变量，第 2 部分专门处理这些问题，并使用服务器端类来解决它们，确保写入客户端的值正确转义。

Answer 6

如果您在 HTML 表单上使用 method="get"，则该表单中的任何隐藏输入都将转换为查询参数。

另请参阅杰里米·斯坦因的回答。