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>

问题解决