最近做一个小项目，刚好需要用到搜索功能，实现搜索框内输入数据然后按回车或者点击“提交”，然后给后台数据库处理并返回数据给前端，在前端局部更新数据。

     但是遇到了一个小问题，就是form表单下任意输入框输入完按回车提交，整个页面都会刷新，就算我用ajax从后台取出数据返回前端把页面更新了，整个页面还是会立马刷新成原来的样子。

     问题和ajax其实并没有太大关系。是js部分要进行一定的转换。

     测试代码：

1  2  3  4 
      5  6 37 38 39     
     
      40         表单一：
      41         
      42     
     
43 44     
     
      45         表单二：
      46         
      47     
     
48 49     独立输入框（按回车更新文本为666）：50     
51 52     点击更改文本值为55553     33355 56 

     界面：

    

     首先form不能有action跳转，有action跳转是肯定会更新或者跳转到其他页面的

          方法一：给form表单写一个onsubmit函数，在最后加一句：return false; 如果不加return false，提交页面时，整个页面会立马刷新，数据改变只是一闪而过；

          方法二：不用<input type="submit">的方式，改为设置一个button按钮，让用户通过手动点击按钮来实现数据更改。

      此问题归根结底与ajax并没有直接关系，ajax只是前后端交互的一种手段，最后还是要通过前端来实现数据部分更新的。这个问题是前端的问题。

 

转载链接：