您的位置:首页 > Web前端 > JavaScript

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

2017-09-25 17:56 1796 查看
<form>
<input name="a" type="text" />
<input name="b" type="text" />
<input id="sub" type="button" value="提交" class="btn btn-primary" />
</form>
$("#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是为空的吧,就提交到当前页面,也就是刷新。
click(function(){
    //ajax提交
    $.post();
    return false;   // 添加该行代码阻止form表单自动提交
});
复制代码评论(2)相关

mitox11月21日type="submit"去掉

回复萧十一郎11911月23日使用的过程中,已将其按照button来使用了。但还是出现了这种情况。

zb304011月21日默认情况button按钮和submit按钮都有提交表单的功能
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: