首先明确一点：form表单下，如果是针对form元素进行提交，整个页面都会刷新。

所以出现的问题是：当用户往输入框内输入内容分后，按回车或者点击提交按钮，往当前页面输出内容的局部刷新会被之后的整个页面刷新给刷掉。

为了阻止整个页面刷新而保留局部刷新，我们可以使用以下方法：

方法一：（推荐）在js里form表单用submit()，最后return false

$(document).ready(function(){

    $("#form1").submit(function(){

              事件处理

        return false;

    });

});

方法二：舍弃回车提交，提交事件针对form元素之外的按钮元素，用户可以鼠标点击提交按钮来实现。

$(document).ready(function(){

    $("#btn1").click(function(){

       事件处理

    });

});

方法三：给输入框额外设置回车提交