做一个jQuery的Ajax提交，但它不起作用

Question

我想做一个ajax发布请求，也从URL读取JSON响应，但如果我点击按钮什么也没有发生。我的HTML代码有什么问题，或者它是Javascript？目前功能submitRegister为空。

的Javascript：

$('#registerForm').submit(function(event){ 
    event.preventDefault(); 
    submitRegister(); 
}); 

function submitRegister(){ 
    console.log("Test"); 
} 

HTML

<div id="RegisterM" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Register</h4> 
      </div> 
      <div id='notification'> 
      </div> 
      <div class="modal-body"> 
       <form role="form" id="registerForm"> 
        <div class="form-group"> 
         <label for="Username">Username:</label> 
         <input type="Username" class="form-control" id="username"> 
        </div> 
        <div class="form-group"> 
         <label for="email">Email address:</label> 
         <input type="email" class="form-control" id="email"> 
        </div> 
        <div class="form-group"> 
         <label for="pwd">Password:</label> 
         <input type="password" class="form-control" id="pwd"> 
        </div> 
        <div class="form-group"> 
         <label for="confirmpwd">Confirm Password:</label> 
         <input type="confirmpwd" class="form-control" id="confirmpwd"> 
        </div> 
        <button type="button" class="btn btn-default" id='register-submit'>Register</button> 
       </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 

    </div> 
</div> 

Answer 1

你的按钮必须"submit"类型：

<button type="submit" class="btn btn-default" id='register-submit'>Register</button> 

每jQuery的文档：

当用户尝试提交表单时，将提交事件发送到元素。它只能附加到<form>元素。可以通过单击明确的<input type="submit">,<input type="image">或<button type="submit">或通过在某些表单元素具有焦点时按Enter键来提交表单。

Answer 2

为什么你做了这么奇怪的方式发送ajax（提交 - >防止提交 - >发送ajax）？相反，这样做的：

$('#registerForm').submit(function(event){ 
event.preventDefault(); 
submitRegister(); 
}); 

function submitRegister(){ 
console.log("Test"); 
} 

轻松创建一个输入

<input type="button" onclick="submitRegister()" vlaue="ajax" > 

而且有很多事情造成问题的Ajax请求。你仔细地写下它的代码，然后一步一步找出你的问题的原因。