Возврат данных Аякса

Question

У меня есть вызов Ajax в function и я не нашел решение, как return данные:

function get_blog_post(id){ 

    var info="id="+id; 
    $.ajax({ 
      type: 'POST', 
      url: 'get_blog_post.php', 
      data: info, 
      success: function(data){ 
       return data; 
      } 
    }); 

} 

Код выше не работает. data содержит правильный ответ, но я не могу его использовать, если я позвоню get_blog_post()function.

: \

Answer 1

function get_blog_post(id, callback){ 

    var info="id="+id; 
    $.ajax({ 
     type: 'POST', 
     url: 'get_blog_post.php', 
     data: info, 
     success: function(data){ 
      callback(data); 
     } 
    }); 
} 

get_blog_post(5, function(data){ 
    // use data here 
}); 

ИЛИ установить асинхронной = ЛОЖЬ (не рекомендуется):

$.ajax({ 
     type: 'POST', 
     url: 'get_blog_post.php', 
     data: info, 
     async: false, 
     success: function(data){ 
      return data; 
     } 
    }); 

Answer 2

success функция работает через некоторое время после завершения вызова Ajax. Такова природа асинхронных вызовов - вроде ajax в javascript.

Это означает, что вы не можете его вернуть и должны что-то сделать с данными в этой функции. Возможно, это текст, и вы поместите его в текстовую область, как:

success: function(data){ 
      $('textarea').val(data); 
     } 

Answer 3

Обеспечить метод обратного вызова и делать то, что когда-нибудь вы захотите сделать внутри него

function get_blog_post(id, callback){ 

    var info="id="+id; 
    $.ajax({ 
      type: 'POST', 
      url: 'get_blog_post.php', 
      data: info, 
      success: callback 
    }); 

}