ajax post请求返回json数据后，页面不需要刷新的问题解决如例

$("#sub").click(function () {
            $.ajax({
                url: url,
                data: $("form").serialize(),
                type: 'post',
                dataType: "json",
                success: function (data) {
                    if (data == "0") {
                        alert(111);
                    }
                }
            });
        });

解决来源：

Ajax post请求返回json数据后，页面刷新的问题解决

 

浏览：1413  发布日期：2016/11/20  分类：技术分享 关键字： Ajax 页面刷新

在js中没有执行reload操作，然而点击提交按钮却会刷新页面。 情况是：  当你点击提交的时候，其实完成了两个动作，一个是ajax提交数据，另一个是form表单的自动提交，且在form中的action是为空的吧，就提交到当前页面，也就是刷新。

1. click(function(){
2.     //ajax提交
3.     $.post();
4.     return false;   // 添加该行代码阻止form表单自动提交
5. })；

复制代码

评论（2） 相关

mitox 11月21日

type="submit"去掉

回复 萧十一郎119 11月23日

使用的过程中，已将其按照button来使用了。但还是出现了这种情况。

zb3040 11月21日

默认情况button按钮和submit按钮都有提交表单的功能