JS ajax请求后又刷新页面的问题原因+解决

如图所示，点击按钮之后，完成请求，页面又会刷新至下面的链接（首页），上面的链接是请求页面，下面的连接是首页，

问题原因出在HTML文件上，原因是我把刚才所有的元素都放在了一个标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能

解决方法，将上述所有元素外层的标签去掉或者换成

，或者将button的type改为button
最初的HTML的代码如下：

		                        <form>						
	                                <div class="form-group">
										<label>更新临时表定时器</label>
										<div class="box-footer">
											<button class="btn btn-info " onclick="timerMan('start')">开启</button>
											<button class="btn btn-default" onclick="timerMan('stop')">停止</button>
										</div>
									</div>
								</form>

后来加上type=“button”

		                  <form>						
	                            <div class="form-group">
									<label>更新临时表定时器</label>
									<div class="box-footer">
										<button type="button" class="btn btn-info " onclick="timerMan('start')">开启</button>
										<button type="button" class="btn btn-default" onclick="timerMan('stop')">停止</button>
									</div>
								</div>
							</form>

问题解决