Как вернуть данные в переменную после успеха ajax-звонка

Question

У меня есть файл PHP, возвращающий данные в формате требуемого массива в мой FlotChart, он работает. Теперь я пытаюсь получить этот результат в моем сценарии с помощью Ajax, но я не могу видеть результат на глобальном переменном, как описано ниже:

myJS.js 
var EcomDashboard = function() { 
    return { 
     init: function() { 

     var dataEarnings = NULL; 

     $.ajax({ 
      url:"operation.php", 
      dataType: "text", 
      success:function(data) { 
       alert(data); //show my array [ [1, 20],[2,30],[3,14] ] 
       dataEarnings = data; 
      } 
     }); 

     alert(dataEarnings); //showing "NULL" but I need [ [1, 20],[2,30],[3,14] ] 

     ... 

Что такое правильный способ присвоить мои переменные Доходы даты массива [[1, 20], [2.30], [3.14]]?

Answer 1

$.ajax({ 
    url:"operation.php", 
    dataType: "text", 
    success:function(data) {   
    doSomthingOnComplete(data); 
    } 
}); 

function doSomthingOnComplete(data) 
{ 
    // do here your work 
} 

Answer 2

Javascript - это асинхронный язык, это означает, что он не будет ждать завершения запроса http для выполнения следующей строки. вам придется назначить переменную внутри блока success. предупреждение показывает нуль, потому что он был выполнен до завершения строки запроса $ .ajax http.

может быть, вы можете сделать это, используя функцию обратного вызова:

dataAccess.js  
var ecomDashboard = function() { 

      init: function(callback) { 

      var dataEarnings = NULL; 

      $.ajax({ 
       url:"operation.php", 
       dataType: "text", 
       success:function(data) { 
        callback(data); 
       } 
      }); 
     } 
    } 

controller.js 
    ecomDashboard.init(function(data){ 
      // data contains the array result 
     // do your stuff 

    }) 

событие лучше: так JQuery 1.5 есть включен интерфейс обещание и .success собирается быть устаревшим. отредактированные: благодаря Kevin B

так с обещанием:

dataAccess.js  
    var ecomDashboard = function() { 

       init: function(callback) { 

       var dataEarnings = NULL; 

       return $.ajax({ 
        url:"operation.php", 
        dataType: "text" 
       }); 
      } 
     } 

    controller.js 
     ecomDashboard.init().done(function(data){ 
//do your stuff 
alert(data); 
}).fail(function(error){ 
//do stuff when error 
}); 

Answer 3

Это происходит потому, что alert(dataEarnings) выполняется, прежде чем ваш запрос Ajax решает. Первая буква в аббревиатуре AJAX - Asynchronous. Таким образом, в конечном счете ваши данные устанавливаются правильно, вы просто пытаетесь получить к нему доступ до завершения асинхронного вызова.