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

<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）
    相关
   
   

    

     

      

       
       

        mitox
        11月21日
       
       

        

         type="submit"去掉
        
       
       

        
        

         回复
         萧十一郎119
         11月23日
        
        

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

       
       

        zb3040
        11月21日
       
       

        

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