jQuery는 .ajax() 호출 후 데이터를 보존 할 수 없습니다.

Question

$ .ajax()에서 데이터를 다시 가져 오는 간단한 호출을하려고하는데이 함수에서 사용할 수있는 전역 변수에 저장하려고합니다. 아약스 전화를했다.

변수가 설정되지 않는 이유는 무엇입니까? 왜 제가 설정 한 가치가 없어지나요? 상기 코드에서의 alert()

는

jQuery.support.cors = true; 

$.myNamespace = { 
    timerID: "in namespace" 
}; 

$(document).ready(function() { 
    $("#btnSkip").click(function() { 
     alert($.myNamespace.timerID); 
     startCall(); 
    }); 

    function startCall() { 
     $.myNamespace.timerID = "in startCall()"; 
     alert($.myNamespace.timerID); 
     finishCall(); 
     alert($.myNamespace.timerID); 
    } 

    function finishCall() { 
     $.myNamespace.timerID = "in finishCall()"; 
     alert($.myNamespace.timerID); 

     $.ajax({ 
      type: "GET", 
      url: getUrl, 
      processData: false, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (data) { 
       $.myNamespace.timerID = "in ajax succeeded call"; 
       alert($.myNamespace.timerID); 
      }, 
      error: function (xhr, status, error) { 
       GetSongInfoFailed(xhr, status, error); 
      } 
     }); 
    } 

    function GetSongInfoFailed(xhr, status, error) { 
     alert('Service call failed: ' + xhr + ' ' + status + ' ' + error); 
    } 


}); 

출력 :

1. in namespace
2. in startCall()
3. in finishCall()
4. in ajax succeeded call
in finishCall()

"in ajax succeeded call"대신 "in finishCall()"으로 마지막 변수가 설정되는 이유는 무엇입니까?

참고, 저는 jQuery 또는 javascript 전문가가 아닙니다.

정말 고마워요!

function GetSongInfoSucceeded(C) { 
     if (result != null) { 

      $.myNamespace.timerID = "in ajax succeeded call"; 
      alert($.myNamespace.timerID); 

     } else { } 

    } 

Answer 1

여러분의 성공 콜백 함수는 당신이 데이터 (SECURITY) 기능을 비활성화를받을 때 함수가 입력 데이터 그래서

Answer 2

으로 C을수록 잘못된 request 변수가 있습니다. 라고 :

GetSongInfoSucceeded(data); 

우리는 당신의 함수 정의를 보면 : var에 C라는 내부

function GetSongInfoSucceeded(C) { 

다음 우리가 볼, "데이터"의 입력보다 지금이 될 것입니다. 실제로 실행 순서의 질문 -

function GetSongInfoSucceeded(result) { 
    if (result != null) { 
     $.myNamespace.timerID = "in ajax succeeded call"; 
     alert($.myNamespace.timerID); 
    } else { } 
} 

Answer 3

그것은 데이터를 보존의 문제가 아니다 :

 if (result != null) { 

      $.myNamespace.timerID = "in ajax succeeded call"; 
      alert($.myNamespace.timerID); 

     } else { } 

이

올바른 방법은이 같은 것이다 : 즉 result를 호출하는 것은 당신에게 어떤 대답을하지 않습니다 이유 . 의 함수의 실제 코드로 finishCall() 호출을 대체, 다시 시간을 당신의 코드를 확인하자

alert($.myNamespace.timerID); 

$.myNamespace.timerID = "in finishCall()"; 
alert($.myNamespace.timerID); 

$.ajax({..., ..., function() {  
    $.myNamespace.timerID = "in ajax succeeded call()"; 
    alert($.myNamespace.timerID); 
}); 

alert($.myNamespace.timerID); 

참조, JS가 마지막 alert를 호출하기 전에 성공 $ 아약스 호출을 기다리지 않습니다. 그리고 그 값은 여전히 ​​in finishCall()입니다.

나는 왜이 alert이 마지막으로 표시되는지, 그리고 마지막으로 표시되지 않는 이유는 무엇입니까? console.log으로 'ajax succeed call'이 실제로 마지막으로 표시됩니다.