仅提供HTML表单提交

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

即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>

来源

2014-01-18 ThreaT

你必须使用JavaScript，否则这是不可能的，我相信。 – Pavlo

我不知道你为什么要那样做的，居然我没有看到任何优势。

无论如何，在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>

来源

2014-01-18 11:50:59

要将数据从一个页面转移到另一个不使用服务器端代码？这是非常不推荐的，它可以像Justin说的那样使用javascript，我推荐你使用ASP.NET并且通过QueryString或Session，正如你可以在here中看到的那样。

来源

2014-01-18 11:52:08 Random

你的其他答案不能被取消删除，因为它的问题需要删除，但我已经取消删除了这个问题，以便让你有机会将其编辑为更实质的内容。这应该清除您帐户上的应答块。 –

仅提供HTML表单提交

回答

相关问题