Получить возвращаемое значение из вызова ajax внутри функции

Question

Ниже приведен код, над которым я работаю. Как вы можете видеть, я создал переменную с именем «my_string», по умолчанию я хочу вызвать функцию get_result_data() и сохранить любые возвращаемые данные в переменной «my_string». Затем, как только пользователь нажмет , я хочу отобразить сохраненные данные. Но проблема в том, что я всегда получаю неопознанную ошибку.

function get_result_data(){ 
    $.ajax({ 
     type: 'POST', 
     url: 'ajax/get_result.php' 
    }).done(function(data){ 
     return data; 
    }); 
} 

var my_string = get_result_data(); 


$('#button').click(function(){ 
    alert(my_string); 
}); 

Answer 1

Ваша get_result_data функция ничего не возвращает, поэтому вы получаете обратно неопределенными. Вместо этого попробуйте установить my_string внутри AJAX обратного вызова:

var my_string; 
function get_result_data(){ 
    $.ajax({ 
     type: 'POST', 
     url: 'ajax/get_result.php' 
    }).done(function(data){ 
     my_string = data; 
    }); 
} 

$('#button').click(function(){ 
    // MY_STRING MIGHT BE UNDEFINED 
    alert(my_string); 
}); 

Возможно, лучший подход:

var response = $.ajax({ 
    type: 'POST', 
    url: 'ajax/get_result.php' 
}); 

$('#button').click(function(){ 
    response.done(function (data) { 
     alert(data); 
    }); 
}); 

Answer 2

Вы должны использовать обратный вызов способ сделать это.

function get_result_data(callback){ 
    $.ajax({ 
     type: 'POST', 
     url: 'ajax/get_result.php' 
    }).done(function(data){ 
     callback(data); 
    }); 
} 

get_result_data(function(my_string){ 
    $('#button').click(function(){ 
     alert(my_string); 
    }); 
}); 

Answer 3

таким образом, работает

function get_result_data(){ 
    var res; 
    $.ajax({ 
     type: 'POST', 
     url: '/kuke/userBlog/getTudouVideoInf', 
     async:false, 
     data : { 
      "temp" : "1", 
      "video_id" : "111" 
     }, 
     error : function(textStatus,errorThrown) { 
      alert("textStatus:"+textStatus+" errorThrown:"+errorThrown); 
     } 
    }).done(function(data){ 
     res=data; 

    }); 
    return res; 
}