可以提交html5表单,然后在同一页面上返回吗?

时间:2014-05-16 18:29:56

标签: javascript jquery html html5 forms

不确定这是否是正确的措辞,但如果我有一个位于页面指定边栏的html5表单,提交时我基本上可以重新加载侧边栏吗?或者是否必须加载重复的页面,只更改了侧边栏?

我甚至不确定如何处理这个问题;

首先,是否可以这样做和

其次,javascript将涉及什么。

表单提交只是客户端,因为我不需要担心安全性,而且实际上'发送填好的表格信息。

2 个答案:

答案 0 :(得分:0)

你可以使用jQuery库& AJAX实现这样的东西,我做了一点演示(虽然没有任何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>

这将淡出表格,并将其替换为放入文本字​​段的文本,我希望这可以帮助您解决问题。

答案 1 :(得分:0)

一种简单的方法可能是在iframe上加载侧边栏。这样页面将与页面的其余部分分开加载..并且表单提交将独立于页面的其余部分工作