做一個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請求。你仔細地寫下它的代碼，然後一步一步找出你的問題的原因。