首先明确一点：form表单下，如果是针对form元素进行提交，整个页面都会刷新。
所以出现的问题是：当用户往输入框内输入内容分后，按回车或者点击提交按钮，往当前页面输出内容的局部刷新会被之后的整个页面刷新给刷掉。
为了阻止整个页面刷新而保留局部刷新，我们可以使用以下方法：
方法一：（推荐）在js里form表单用submit()，最后return false
<script type="text/javascript">
$(document).ready(function(){
$("#form1").submit(function(){
事件处理
return false;
});
});
</script>
<form id="form1">
<input type="text" id="text1">
<input type="submit" id="btn1" value="submit">
</form>
方法二：舍弃回车提交，提交事件针对form元素之外的按钮元素，用户可以鼠标点击提交按钮来实现。
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
事件处理
});
});
</script>
<form>
<input type="text" id="text1">
</form>
<input type="submit" id="btn1" value="submit">
方法三：给输入框<input>额外设置回车提交
