使用ajax提交表单数据，整个jsp页面却会重新加载、刷新，而不是局部刷新

使用ajax提交表单数据，整个jsp页面却会重新加载、刷新，而不是局部刷新

问题描述

昨天用ajax写异步，在插入数据时（点击button），提交表单后，整个jsp页面总是会自动刷新一遍。
但是异步就是要局部刷新，而不是整个页面都刷新一遍。

原因

使用了button控件当做表单的提交按钮
当form中存在button标签时，即使是用ajax异步提交表单后，面会被刷新。

<button onclick="insert()">添加商品</button>

解决

改为使用input提交：

 <input type="button" value="添加商品"  onclick="insert()"/>