Jquery-Ajax調用不按預期方式工作

Question

我正在研究這樣的項目： （HTML表單（AJAX）+ twitter引導程序）（獨奏HTML，無JSP等） - > Servlets（在Google App上Engine-JAVA） - >持久性（Google Cloud SQL）。

我對jQuery ajax調用很陌生，但我理解這個過程，因爲我習慣寫舊的XHR代碼。 下面是JS中的函數，它不會寫入來控制預期的結果。到目前爲止大部分時間形式的數據都是持久的。 My Servlet如果沒問題，並且輸出一個有效的JSON（在瀏覽器上調用URL總是按預期工作）。

我的回答是爲什麼jQuery ajax回調（完成，失敗，總是）工作不正常？他們寫入控制檯/顯示alert（）。 感謝您的時間！

$(document).ready(function() { 
    var myEmail = ""; 
    var myGender = ""; 

    $('#saveButton').click(function() { 
     $('#myform').submit(); 
     //alert('Handler for .submit() called.'); 
     myEmail = document.getElementById("inputEmail").value; 
     window.console.log('EMAIL---->' + myEmail);/*ok log!*/ 
     //alert('EMAIL->' + myEmail); 
     var radioObj = document.forms['myForm'].elements['gender']; 
     myGender = getCheckedValue(radioObj); 
     window.console.log('GENDER---->' + myGender);/*ok log!*/ 
     //alert('GENDER->' + myGender); 
     var jqXHR = $.ajax({ 
      statusCode : { 
       404 : function() { 
        alert("404 ERROR - page not found"); 
       } 
      }, 
      url : "/newuser", 
      type : "GET", 
      timeout : 10000, 
      data : { 
       email : myEmail, 
       gender : myGender, 
       operation : '0' 
      }, 
      done : function(data, textStatus, jqXHR) { 
       window.console.log('done -> RESPONSE---->' + data);/*this does not log!*/ 
       alert(data); 
      }, 
      fail : function(jqXHR, textStatus, errorThrown) { 
       window.console.log('always -> RESPONSE---->' + data); /*this does not log!*/ 
       alert(data); 
      }, 
      always : function(data, textStatus, jqXHR) { 
       window.console.log('always -> RESPONSE---->' + data); /*this does not log!*/ 
       alert(data); 
      } 
     }); 
    }); 
}); 

Answer 1

done，fail和always是不的設置Properties對象傳遞給$.ajax，他們是jqxhr對象在回調被調用$.ajax返回。他們應該像這樣配置：

var jqxhr = $.ajax("example.php") 
    .done(function() { alert("success"); }) 
    .fail(function() { alert("error"); }) 
    .always(function() { alert("complete"); }); 

查看API documentation瞭解更多使用指導。