Biến không được trả về từ chức năng AJAX

Question

Khi khung của tôi phát triển, tôi quyết định chia thành các tệp, thay vì để nó trong tệp thiết kế chính. Tuy nhiên, bằng cách đó, sự trở lại của một hàm không trả về bất kỳ giá trị nào.

dữ liệu không trống - nếu tôi cảnh báo các giá trị trong tệp js chúng có ở đó!

Các chức năng:

1 chức năng trong tập tin .js (được bao gồm trước khi thực hiện)

   var lock_get = 0; 
      function get_data(data, destination) 
      { 

       if (lock_get == 0) 
       { 
        lock_get = 1; 
        $.ajax({ 
         type: "POST", 
         url: destination, 
         async: true, 
         data: data, 
         success: function(data) 
         { 
          lock_get = 0; 
          if (data) 
          { 
           return data; 
          } 
         } 
        }); 
       } 
      }; 

Vì vậy, và đây là phần thi:

var test = get_data(data, destination); 
    notice(test); 

và thử nghiệm là trống rỗng ... Tôi đã thử nhiều cách khác nhau để viết nhưng tôi đoán tôi đã hiểu sai về khả năng của js?

Answer 1

Bạn không thể thực hiện điều đó: vì cuộc gọi không đồng bộ, hàm get_data không thể trả về kết quả của cuộc gọi ajax.

Những gì bạn cần làm là cung cấp gọi lại cho hàm get_data và xử lý kết quả trong cuộc gọi lại.

function get_data(data, destination, callback) 
     { 

      if (lock_get == 0) 
      { 
       lock_get = 1; 
       $.ajax({ 
        type: "POST", 
        url: destination, 
        async: true, 
        data: data, 
        success: function(data) 
        { 
         lock_get = 0; 
         if (data && callback) 
         { 
          callback(data); 
         } 
        } 
       }); 
      } 
     }; 

Và gọi nó là như thế:

get_data(data, destination, function(test){ 
    notice(test); 
}); 

Answer 2

Hoặc bạn có thể trở về từ cuộc gọi AJAX đồng bộ, đó là ý tưởng chung BAD sử dụng cuộc gọi đồng bộ, nhưng nó có thể hữu ích đôi khi:

http://pratyush-chandra.blogspot.com/2012/04/store-ajax-json-response-into.html