功能不发送数据

Question

我有以下代码。问题是ajax不发送数据，我不知道为什么。看来这个问题可能在javascript函数中。你能帮我吗？

当我将提交按钮放在窗体外面时，它会工作，为什么？

<div class="modal fade" id="form-content" tabindex="-1" role="dialog" style="display: none; "> 
    <div class="modal-dialog"> 
     <div class="modal-content">   
      <div class="modal-body"> 
       <div class="row"> 
        <div class="col-md-12 text-center"> 
         <div class="pop-up">        
          <div class="box-1"> 
           <h3>Fill email</h3>          
          </div> 
          <img src="img/6.png" class="center-block" alt=".."> 
          <div class="form-search space40"> 
           <form class="contact"> 
            <div class="input-group input-group-lg mtop-10"> 
             <input type="text" name="Email" class="form-control input-lg" placeholder="email"> 
             <span class="input-group-btn"> 
              <button id="submit" class="btn btn-lg-sub model-btn" name="name">submit</button> 
             </span> 
            </div> 
           </form> 
          </div> 
          <div class="space30"></div> 
          <div> 
          </div> 
          <div class="space30"></div> 
         </div> 
        </div> 
       </div>      
      </div>       
     </div>     
    </div> 
</div> 

$(function() { 
    $("button#submit").click(function(){ 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: $('form.contact').serialize(), 
      success: function(msg){ 
       $("#thanks").html(msg) 
       $("#form-content").modal('hide'); 
      }, 
      error: function(){ 
       alert("failure"); 
      } 
     }); 
    }); 
}); 

Answer 1

按钮，未经type属性被视为一个提交按钮，所以当你按一下按钮，你需要防止提交表单的默认行为，也可以添加type="button"：

$(function() { 
    $("button#submit").click(function(e) { 
     e.preventDefault(); //You need this 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: $('form.contact').serialize(), 
      success: function(msg) { 
       $("#thanks").html(msg) 
       $("#form-content").modal('hide'); 
      }, 
      error: function() { 
       alert("failure"); 
      } 
     }); 
    }); 
}); 

或者：

<button id="submit" type="button" 
     class="btn btn-lg-sub model-btn" 
     name="name">submit</button> 

我希望这将 帮你。