JavaScript가 JQuery 지연으로 정의되지 않음

Question

JQuery .Deferred/.promise을 사용하여 AJAX 요청을 작성하려고합니다. 페이지가로드 될 때 함수가 실행되고 아무 것도 나타나지 않고 변수 issueData에 액세스 할 수 없습니다. 함수를 실행하면 정의되지 않지만 내 AJAX 호출은 JSON 객체를 반환합니다. 나는 문제가 issueData.deferred() 및 .promise()

function getIssues(issueData) { 
    var issueData = new jQuery.Deferred(); 
    return $.ajax({ 
     url: 'http://localhost:49650/Issues.svc/GetIssues', 
     type: 'GET', 
     dataType: 'json', 
     success: function(data) { 
      issueData = data; 
     }, 
     error: function() { 
      alert('Call not resolved') 
     } 
    }); 
    return issueData.promise();  
} 

Answer 1

현재 jQuery.Deferred()를 사용할 필요가 없습니다 :

해결책은 이것이다. return $.ajax({})이 필요합니다. 또한 AJAX는 비동기이므로 issueData = data;은 유용하지 않습니다.

반환 된 데이터를 가져 오기 위해 콜백을 사용해야합니다. 당신이 success 기능을 사용할 수

function getIssues() { 
    return $.ajax({ 
     url: 'http://localhost:49650/Issues.svc/GetIssues', 
     type: 'GET', 
     dataType: 'json', 
     error: function() { 
      alert('Call not resolved') 
     } 
    }); 
} 

getIssues().done(function(data){ 
    // use the returned JSON here 
}); 

을 또는 :

당신이 할 수있는`$ .ajax`을 반환 한 후

function getIssues() { 
    return $.ajax({ 
     url: 'http://localhost:49650/Issues.svc/GetIssues', 
     type: 'GET', 
     dataType: 'json', 
     success: function(data){ 
      // use the returned JSON here 
     }, 
     error: function() { 
      alert('Call not resolved') 
     } 
    }); 
} 

getIssues(); 

Answer 2

달러 (A $) .resolve() 문이 누락 어떻게 설정에 있는지 알아 내려고 노력하고있어 두 '반환'문이, 두 번째 '복귀' 절대로 도달하지 않습니다. $.ajax 당신이 처리,

function getIssues(issueData) { 
    var deferred = jQuery.Deferred(); 
    $.ajax({ 
    url: 'http://localhost:49650/Issues.svc/GetIssues', 
    type: 'GET', 
    dataType: 'json', 
    success: function(data) { 
     var receivedData = data; 
     ....  
     deferred.resolve(); 
    }, 
    error: function() { 
     alert('Call not resolved') 
    } 
    }); 
    return deferred.promise();  
}