Передача переменной вне функции ajax

Question

Пожалуйста, помогите - у меня есть следующий код, который возвращает переменную 'results' в предупреждении. Я хочу использовать эту переменную вне функции и не могу получить обратный вызов или внешнюю декларацию для успешной работы. Я уверен, что я будучи Muppet, поэтому прошу прощения за этот основной вопрос .....

<script src='http://code.jquery.com/jquery-1.9.1.js'></script> 
<script> 

$(function() { 
    $.ajax({ 
     type: 'POST', 
     dataType: 'jsonp', 
     url: 'https://creator.zoho.com/api/json/my-company-culture/view/PageFeed_Report?scope=creatorapi&authtoken=d670dc68ac0f6d7ca389e7b206a25045', 
     success: function (results) { 
      var raw_result=JSON.stringify(results); 
      alert(results); 
     } 
    }); 
}); 

</script> 

Answer 1

JQuery 1.5+ способ решения этого является использование отсроченных объектов:

var res; 

var ajax = $.ajax({ 
    type: 'POST', 
    dataType: 'jsonp', 
    url: ... 
}).done(function(results) { 
    // you may safely use results here 
    res = results; 
    ... 
}); 

// you cannot safely use 'res' here, only in code 
// invoked via a 'done' callback on the `$.ajax` promise 

console.log(res); // undefined 

Неправильно пытаться скопировать results в другую переменную во внешней области, если только вы не убедитесь, что никакой другой код не пытается получить доступ к этой переменной до тех пор, пока вызов AJAX не завершится.

Answer 2

Я не уверен, что это хорошо, но просто сохраните его в глобально определенной переменной.

var global; 

$(function() { 
    $.ajax({ 
     type: 'POST', 
     dataType: 'jsonp', 
     url: 'https://creator.zoho.com/api/json/my-company-culture/view/PageFeed_Report?scope=creatorapi&authtoken=d670dc68ac0f6d7ca389e7b206a25045', 
     success: function (results) { 
      var raw_result=JSON.stringify(results); 
      global = results; 
     } 
    }); 
}); 

Лучшее решение - передать его функции, в которой вы нуждаетесь, чтобы перейти к ней.

success: function (results) { 
     var raw_result=JSON.stringify(results); 
     doMoreThings(results); 
    } 

Answer 3

Ну, почему бы и нет:

<script src='http://code.jquery.com/jquery-1.9.1.js'></script> 
    <script> 
    function do_the_stuff(smth) { 
     console.log(smth);//or do whatever you want to do with this data 
    } 
    $(function() { 
     $.ajax({ 
      type: 'POST', 
      dataType: 'jsonp', 
      url: 'https://creator.zoho.com/api/json/my-company-culture/view/PageFeed_Report?scope=creatorapi&authtoken=d670dc68ac0f6d7ca389e7b206a25045', 
      success: function (results) { 
       var raw_result=JSON.stringify(results); 
       do_the_stuff(results); 
      } 
     }); 
    }); 

    </script> 

Это отлично работает для меня. Я не вижу никаких проблем.