可以提交html5表單，然後在同一頁面上返回？

不知道這是否正確的措辭，但如果我有一個位於頁面的指定側欄中的html5表單，在提交上我基本上只是重新加載側邊欄？或者一個重複的頁面必須加載的側邊欄剛剛更改？可以提交html5表單，然後在同一頁面上返回？

我甚至不知道如何處理這個問題;

首先，是否能以這種方式進行，

其次，什麼的JavaScript將參與。

表單提交只是客戶端，因爲我不需要擔心安全問題，並且「實際」發送已填寫的表單信息。

來源

2014-05-16 homer5677

請參閱：http://stackoverflow.com/search?q=submit+form+via+ajax –

您可以去做。你需要結合使用'jquery.ajax（）'和'jquery.html（）' –

您可以使用jQuery庫& AJAX實現這樣的事情，我做了一個小演示（W/O任何AJAX雖然）

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
</head> 
<body> 
<div id="sidebar"> 
<form id="sidebarform" onsubmit="return false;"> 
    Textbox:<input type="text" id="sidebarformtext"><br> 
    <input type="submit" id="sidebarformsubmit"> 
</form> 
</div> 
<script> 
$("#sidebarformsubmit").click(function(){ 
    $("#sidebarform").fadeOut("slow", function(){ 
     $("#sidebar").html($("#sidebarformtext").val()) 
    }); 
}); 
</script> 
</body> 
</html>

這將淡出形式，並與更換將文本放入文本框中，我希望這可以幫助您解決問題。

來源

2014-05-16 18:50:48 Fr3d

謝謝 - 這就是我所追求的。很抱歉，當涉及到這個時候有點「愚蠢」，但AJAX究竟做了什麼？另外，爲了強制執行表單上的任何約束，除了上面所寫的內容外，還必須遵循這些過程，還是可以將它們結合起來？再次，對這個話題的愚蠢感到遺憾。 – homer5677

就像例如，如果我在輸入上具有「必需」屬性，並按下提交，它將消失，然後顯示「此字段是必需的」。 – homer5677

舉例來說，Google使用AJAX，當您輸入時向您顯示建議，您可以在此處閱讀更多內容：http://en.wikipedia.org/wiki/Ajax_%28programming%29 – Fr3d

一個簡單的方法可能是加載一個iframe邊欄。通過這種方式，頁面將從頁面的其餘部分單獨加載..並且表單提交將獨立於頁面的其餘部分工作

來源

2014-05-16 20:40:05

可以提交html5表單，然後在同一頁面上返回？

回答

相關問題