2013-03-04 76 views
0

我正在研究这样的项目: (HTML表单(AJAX)+ twitter引导程序)(独奏HTML,无JSP等) - > Servlets(在Google App上Engine-JAVA) - >持久性(Google Cloud SQL)。Jquery-Ajax调用不按预期方式工作

我对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); 
      } 
     }); 
    }); 
}); 

回答

0

donefailalways的设置Properties对象传递给$.ajax,他们是jqxhr对象在回调被调用$.ajax返回。他们应该像这样配置:

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

查看API documentation了解更多使用指导。

+0

谢谢!像魅力一样工作... – 2013-03-04 13:14:52