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按钮都有提交表单的功能