時運行的document.ready（）事件中，一些次Ajax請求不能正常工作

Question

var casualDays; 
var days; 

    $(document).ready(function(){ 

    $(function(){ 
     $('select, input').styledSelect(); 
    }); 

    $(function(){ 
    var usernameSelected = $("input#Employee_UserName").val().toString(); 
    var username; 
    $.ajax({ 
     url: '@Url.Action("GetLeaveConsumedDays", "ApplyLeave")', 
     type: 'POST', 

     data: { username: usernameSelected }, 

     success: function (results) { 
      days=results; 
     }, 
     error: function() { 
      alert("error"); 
     } 
    }); 
    }); 
    $(function(){ 
    var usernameSelected = $("input#Employee_UserName").val().toString(); 
    var username; 
    $.ajax({ 
     url:'@Url.Action("GetLeaveConsumedDaysCasual", "ApplyLeave")', 
     type: 'POST', 

     data: { username: usernameSelected }, 

     success: function (results) { 
      casualDays=results; 
     }, 
     error: function() { 
      alert("error"); 
     } 
    }); 
    }); 

ķ

這是我的document.ready事件，運行後的頁面其工作兩週三個時間correctly.but後有幾次它不能正常工作。對於'天'和'休閒日'沒有價值的是有一些錯誤。再次刷新兩三次它的工作。我不認爲這是什麼原因。請任何人都可以幫我

Answer 1

Ajax是異步的，你必須等到請求完成後才能訪問days和casualdays。

var foo; 
alert(foo); // undefined 1 

$.ajax({ 
    url: "foo.php", 
    success: function(data){ 
     foo = data // foo now equals data 
     alert(foo); // NOT undefined! 3 
    } 
}); 

alert(foo); // still undefined 2