form内使用ajax异步请求错误

类似下面的代码，另有ajax来实现点击ajax-button时发送异步请求。

预期结果应为ajax请求发出并得到后台的返回结果。但是实际为：发出两条请求，一条是ajax异步请求，与预期相符；另一条请求是表单提交，并且页面跳转到action对应controller的返回视图。

<form action="test" method="post">

。。。

<button id="ajax-button">增加</button>

。。。

</form>

问题所在：

button的type默认值 因浏览器不同而不同，在某些浏览器下type="submit"。所以，点击这个button后，除了发ajax请求，还会发form的请求。

解决，为button设置type值：

<form action="test" method="post">

。。。

<button id="ajax-button" type="button">增加</button>

。。。

</form>