ajax 或 $("#search").click(function(){})请求后页面自动刷新

不知道小伙伴们有没有出现过同样的问题

使用 ajax 或者 $("#search").click(function(){}) 进行条件查询操作，查询出结果后会一闪而逝查询出的东西，然后页面刷新……

这个是因为在你们显示内容的那个页面写了 <from></form> 表单 ,form表单会自动刷新，所以查询的东西还没有显示出来就刷掉了

小伙伴们可以再 页面ajax之后 success 里加上 window.event.returnValue = false;
    $("#search").click(function() {
        $.ajax({
            type : "POST",
            url : "/ajaxsearch/零食",
            async : false,
            data : {},
            dataType : "html",
            timeout : 1000,
            success : function(dates) {
                $("#mainContent").html(dates);
                window.event.returnValue = false;
            },
            error : function() {
                console.log("请求失败，请重试！");
            }
        });
    });

如果是使用 button 按键进行提交的话只需要将 button 标签改成 a 标签就好

最简单粗暴的方法就是将 form 表单去掉，如果必须使用 form表单的话可以使用上述的方法

还有其他方法博主就不一一列举了

被坑了两次，记录一下