jquery ajax只是不工作

Question

好吧，那基本上是我得到的。我也嘗試過靜態值。

$('#submitForm').submit(function() { 
    $.ajax({ 
     type: $(this).attr('method'), 
     url: $(this).attr('action'), 
     data: $(this).serialize(), 
     success: function (data) { 
      console.log(data); 
     }, 
     error: function (data) { 
      console.log(data); 
     } 
    }); 
}); 

我所得到的迴應是這樣的：

Object {readyState: 0, responseText: "", status: 0, statusText = "error"} 

PHP腳本（只是一個簡單的回聲）運行爲AJAX調用後正常。我究竟做錯了什麼？我提交的腳本並沒有看到我所有的錯誤，我也沒有做XSS。 ： - （

我的HTML形式如下：

<form action="http://dev.xxxxxxx.de/users/register" method="post" accept-charset="utf-8" class="form-horizontal" id="submitForm">    <div class="control-group"> 
       <label class="control-label" for="inputUsername">Nickname</label> 
       <div class="controls"> 
        <input type="text" name="username" id="inputUsername" value="" placeholder="Nickname" /> 
       </div> 
      </div> 
      <div class="control-group"> 
       <label class="control-label" for="inputEmail">E-Mail</label> 
       <div class="controls"> 
        <input type="text" name="email" id="inputEmail" value="" placeholder="E-Mail" /> 
       </div> 
      </div> 
      <div class="control-group"> 
       <label class="control-label" for="inputPassword">Passwort</label> 
       <div class="controls"> 
        <input type="password" name="password" id="inputPassword" value="" placeholder="Passwort" /> 
       </div> 
      </div> 
      <div class="control-group"> 
       <div class="controls"> 
        <input type="submit" class="btn" value="Account erstellen" /> 
       </div> 
      </div> 
     </form> 

Answer 1

你需要告訴瀏覽器默認情況下不提交表單：

e.preventDefault(); 

所以：

$('#submitForm').submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: this.method, 
     url: this.action, 
     data: $(this).serialize(), 
     success: function (data) { 
      console.log(data); 
     }, 
     error: function (data) { 
      console.log(data); 
     } 
    }); 
}); 

否則，在您的AJAX返回之前，您的表單將根據「操作」屬性提交。