자바 스크립트에서 전역 변수로 임시 변수 선언 responseText

Question

변수로 xhr.responseText를 만든 다음 경고하지만 이상한 이유로 그렇게 할 수 없습니다.

test2 = "" 
function process(){ 
    url = "http://www.example.com/example.html" 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", url, true); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4){ 
     test2 = xhr.responseText 
     } 
    } 
    xhr.send(); 
} 
process(); 
alert(test2); 

이 문제에 도움을 주신 모든 분들께 감사드립니다. 당신이 TEST2 변수 전에 경고하고

Answer 1

은

var test2 = ""; 

function process(callback){ 
    url = "http://www.example.com/example.html" 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", url, true); 
    xhr.onreadystatechange = function() 
    { 
     if (xhr.readyState == 4) 
     {   
      test2 = xhr.responseText; 
      callback(); 
     } 
    } 
    xhr.send(); 
} 

process(callbackFunction); 

function callbackFunction() 
{ 
    alert(test2); 
} 

Answer 2

당신은 asynchronus 요청을 발사된다 (때문에 완료하는 데 약간의 시간이 더 필요는 XMLHttpRequest의) 내용으로 가득합니다. alert은 프로세스 기능이 실행 된 직후에 해고됩니다. 나중에 응답이 돌아 오면 onreadystatechange이 해고됩니다. AJAX 쿼리의 결과로 무엇이든 할 계획이라면 onreadystatechange에서해야합니다. 이처럼 ...

test2 = "" 
function process(){ 
    url = "http://www.example.com/example.html" 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", url, true); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4){ 
     test2 = xhr.responseText 
     alert(test2); 
     } 
    } 
    xhr.send(); 
} 
process(); 

Answer 3

동기 호출은 일반적으로 좋지 않습니다. 아마도 jQuery를 사용할 수 있습니다.

예 :

$.ajax({ 
    url: "http://www.example.com/example.html", 
    success: function(data) { 
    // now you can do something with the data 
    alert(data); 
    } 
});