2014-01-18 81 views
0

如何創建可以將值提交到另一個頁面然後將其打印出來而不使用編程語言的任何服務器端代碼的表單?僅提供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> 
+0

你必須使用JavaScript,否則這是不可能的,我相信。 – Pavlo

回答

3

我不知道你爲什麼要那樣做的,居然我沒有看到任何優勢。

無論如何,在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> 
0

要將數據從一個頁面轉移到另一個不使用服務器端代碼?這是非常不推薦的,它可以像Justin說的那樣使用javascript,我推薦你使用ASP.NET並且通過QueryStringSession,正如你可以在here中看到的那樣。

+0

你的其他答案不能被取消刪除,因爲它的問題需要刪除,但我已經取消刪除了這個問題,以便讓你有機會將其編輯爲更實質的內容。這應該清除您帳戶上的應答塊。 –