jquery ajax 호출 성공, 래퍼 자바 스크립트 함수에서 전역 변수를 변경하려면 어떻게해야합니까?

Question

function ajax_test(str1){ 
    var url = "None" 
    jq.ajax({ 
    type:'post', 
    cache: false, 
    url: 'http://....' + str1, 
    success: function(data, status, xhr){ 
     url=data; 
    }, 
    error: function (xhr, status, e) { 
    }, 
    async: true, 
    dataType: 'json' 
    }); 
    return url 
} 

글로벌 변수 url을 반환 된 성공한 아약스 데이터로 설정하려면 어떻게해야합니까?

Answer 1

자바 스크립트에서는 비동기 결과 인 return에 기능을 수행 할 수 없습니다. 이 함수는 AJAX 요청이 이루어지기 전에 보통 반환됩니다.

언제든지 async: false과 동기식으로 요청할 수 있지만 일반적으로 결과를 기다리는 동안 브라우저가 잠기 게되므로 바람직하지 않습니다.

이 문제를 해결하기위한 표준 방법은 콜백 함수를 사용하는 것입니다.

ajax_test("str", function(url) { 
    //do something with url 
}); 

Answer 2

여기 PHP에서 데이터를 검색하기위한 내 예제 코드이며, 다음 아약스 성공 함수 내 자바 스크립트 전역 변수에 값을 전달합니다

function ajax_test(str1, callback){ 
    jq.ajax({ 
    //... your options 
    success: function(data, status, xhr){ 
     callback(data); 
    } 
    }); 
} 

다음은 다음과 같이 호출 할 수 있습니다. 그것은 나를 위해 일합니다!

var retVal = null; 

function ajaxCallBack(retString){ 
    retVal = retString; 
} 

function readString(filename){ 
    $.ajax({ 
     type: "POST", 
     url: "readString.php", 
     data: { 'fn': filename },  
     success: function(response){ 
      ajaxCallBack(response); 
     } 
    }); 
} 

PHP 코드 (readString.php) : 그러나

<?php 

    $fn = $_POST['fn']; 

    $file = fopen("path/".$fn.".record","r"); 
    $string = fread($file,filesize("path/".$fn.".record")); 
    fclose($file); 

    echo $string; 
?> 

, 그것은 성공 콜백이 실행되기 전에 반환 할 수 있습니다 의미하는 비동기 요청을 보내 $ 아약스(), 당신은에 의존해서는 안 순차적으로 실행되고 그 자체로 값을 반환합니다. 따라서 여기서는 콜백 함수에서 PHP 응답 값을 전역 값에 할당합니다.