Область видимости переменной Javascript с вызовом AJAX

Question

Область видимости переменной Javascript с вызовом AJAX

0

Я не опытный программист Javascript, поэтому может быть здесь что-то не так. Я просто хочу написать функцию, которая вызывает вызов AJAX для WEBAPI и вернуть массив обратно. Но я допускаю ошибку при понимании переменной.

function GetProductsOfAccount(AccountID) {
      var returnProducts;
      console.log("In GetProductsOfAccount");
      var serviceURL = productURI + "/GetProductsOfAccount/" + AccountID;
      console.log(serviceURL);
      $.ajax({
          type: "GET",
          datatype: "json",
          url: serviceURL,
          context: this,
          success: function (Products) {
              console.log("From AJAX" + Products);
              returnProducts = Products;

              //This correctly holds and shows all products
              console.log("Return Products 1 " + returnProducts);
          },
          error: function (x, y, z) {
              returnProducts = null;
              console.log("Error" + x + '\n' + y + '\n' + z);
          }
      });

     //This just shows undefined
      console.log(" Returned Products 2 " + returnProducts);
      return returnProducts;
  }

Почему возвращенные продукты теряют ценность в конце и как правильно это сделать?

user2645830 26 фев. 2014, в 12:03

Источник

0

is the correct way to do such a thing? - нет это не так
Arun P Johny 26 фев. 2014, в 10:27
2

Консоль log2 выполняется вне обратного вызова ajax success, что означает, что запрос еще не завершен.
Trace 26 фев. 2014, в 10:28
0

Верный. Спасибо. Подробный ответ на вопрос, упомянутый Аруном, объясняет все это.
user2645830 26 фев. 2014, в 10:32

Показать ещё 1 комментарий

Теги:

javascript

jquery

asp.net-web-api

1 ответ

Ещё вопросы

is the correct way to do such a thing? - нет это не так
Консоль log2 выполняется вне обратного вызова ajax success, что означает, что запрос еще не завершен.
Верный. Спасибо. Подробный ответ на вопрос, упомянутый Аруном, объясняет все это.

Trace · Answer 1 · 2014-02-26T09-08-00.000Z

Изменение: еще немного альтернативный синтаксис с использованием jQuery отложен (я не видел его в ссылке Arun):

var productsOfAccount = function (AccountID) {

  var serviceURL = productURI + "/GetProductsOfAccount/" + AccountID;

  return $.ajax({
      type: "GET",
      datatype: "json",
      url: serviceURL,
  }).promise();
}

var test = $.productOfAccount(20)

test.then(function(products){
          console.log("From AJAX" + products);
          returnProducts = Products;

          //This correctly holds and shows all products
          console.log("Return Products 1 " + returnProducts);
});

Вы можете применить test.then несколько раз для разных целей.