Как использовать переменную из функции в любом месте в JavaScript?

Question

[Johnny]

Подскажите как я могу использовать результат функции в любом месте скрипта, вне функции (return'ом не получается)

$(document).ready(function () {
  var xmlDoc = $.ajax({
    type: "GET",
    url: "http://www.cbr.ru/scripts/XML_daily.asp",
    dataType: "xml",
    success: function ( xml ) {
      var xmlParse = $(xml).find('Valute');
      console.log( xmlParse ); // <-------- работает
    }
  });

  console.log( xmlParse ); // <------------ не работает
});

Comments

[Johnny]

Толи лыжи не едут, толи я...
Перепробовал все варианты, ни один не подошел.

var xmlParse;
Объяви перед $(document).ready(...

Объявил, не работает

Смотри в сторону localStorage

Тоже самое, undefined

Возможно я вопрос не правильно сформулировал, мне нужно сделать так, чтобы я мог работать с xml данными за пределом success. Если я пишу console.log('xmlDoc'), то он мне выводит объект с кучей свойств, среди которых одно нужное мне - responseText, скажите как обратиться именно к этому свойству.

В идеале нужно получить что-то типа этого:

valute {
  AUD {
    [NumCode] => 036
    [CharCode] => AUD
    [Nominal] => 1
    [Name] => Австралийский доллар
    [Value] => 51,5343
  },
  AZN {
    [NumCode] => 944
    [CharCode] => AZN
    [Nominal] => 1
    [Name] => Азербайджанский манат
    [Value] => 45,8520
  }
}

Answer 1

[Алексей Уколов]

Как сделать так, чтобы функция выполнялась только после того, как другая завершится?

Почему переменная после ajax-запроса имеет значение undefined?
Как можно передать значение из success (ajax)?
Почему постоянно лезет undefined?

Answer 2

[KoulSlou]

Я тут вижу 2 проблемы:

1) Переменная xmlParse должна быть объявлена вне функции-обработчика success (пример кода у g_s_e) В противном случае, она не видна за пределами этой функции.

2) xmlParse будет undefined до тех пор пока ajax запрос не выполнится - ведь никакого изначального значения вы переменной не задаете. Можно использовать флаг async=false, дабы дождаться завершения запроса (по умолчанию ajax асинхронен) Но я не знаю, подойдет ли это в вашем случае.

Comments

[Johnny]

В моем случае подошло, спасибо. Однако вопрос для меня все равно остается не решенным (как использовать переменные за пределом функции), хотя я только начал изучать js.

[KoulSlou]

Я попробую объяснить, как я понимаю ситуацию, хотя я тоже в процессе изучения js.

Чтобы использовать переменные за пределом функции, нужно чтобы эти переменные были определены за ее пределами (то есть var xmlParse; должны быть до момента объявления функции). Если вы объявляете переменную в теле функции, она будет доступна только внутри тела этой функции.

Однако в вашем случае все осложняется использованием функции ajax из jQuery. Дело в том, что ajax запрос по умолчанию выполняется асинхронно. Что это значит? Значит, что интерпретатор доходит до строки $.ajax({}) посылает запрос и продолжает(немедленно продолжает) выполнение команды, которая идет за $.ajax({}) - он не дожидается, когда придет ответ от сервера, выполнится функция из success. Поэтому вы получали undefined как значение переменной xmlParse. Почему async решил эту проблему? async=false говорит интерпретатору, что надо дождаться ответа сервера и только потом выполнять команду, следующую за $.ajax({}). В этом случае, мы шлем запрос, ждем, получаем ответ, выполняем функцию из success (которая устанавливает значение xmlParse и оно больше не undefined) и только потом выполняем команду следующую за $.ajax({}) - то есть console.log(xmlParse)

Пишите, если есть вопросы или непонятные js скрипты

Answer 3

[Johnny]

Возможно кому-то понадобиться:

$(document).ready(function () {

  var xmlParse;
  var xmlDoc = $.ajax({
    type: "GET",
    async: false,
    url: "http://www.cbr.ru/scripts/XML_daily.asp",
    dataType: "xml",
    success: function (xml) {
      xmlParse = $(xml).find('Valute');
    }
  });

  console.log(xmlParse.text());

});

Или так, но это все же не совсем то, что нужно было:

$(document).ready(function () {

  xmlDoc().done(appendItem);

  function xmlDoc() {
    var dfd = new $.Deferred();

    $.ajax({
      type: "GET",
      url: "http://www.cbr.ru/scripts/XML_daily.asp",
      dataType: "xml",
      success: function (xml) {
        var xmlParse = $(xml).find('Valute');
        dfd.resolve(xmlParse);
      }
    });

    return dfd.promise();
  }

  function appendItem(xmlParse) {
    xmlParse.each(function () {
      $('#searchlist').append('<a href="javascript:void(0)" class="list-group-item">' +
        $(this).find('CharCode').text() + ' (' +
        $(this).find('Name').text() + ') => ' +
        $(this).find('Value').text() + '</a>');
    });
  }

});

Answer 4

[seredaes]

var xmlParse;
Объяви перед $(document).ready(...

Или такой вариант.
Смотри в сторону localStorage["xmlParse"] = 123;
Видна будет в любом месте! console.log(localStorage["xmlParse"]);
Хранится даже после закрытия браузера :)

Единственный момент! не работает в частном(приватном) режиме в Safari под MacOS

Comments

[Алексей Уколов]

Подумайте хорошенько над тем, что вы написали и о чём спрашивал автор вопроса.

[seredaes]

И что, мой вариант не будет работать? :) В глобальную переменную переприсвоить переменную локальную из функции или в localstorage. Вы видите другой вариант решения данного вопроса? Да, я чуваку не пояснил, что локальная переменная видна только внутри функции, это согласен. Но решение - рабочее. Можно еще в элементе хранить, но это нонсенс :) но также рабочий вариант

[Алексей Уколов]

Во-первых, нет, не будет. А во-вторых, проблема на самом деле вовсе не в том, что у переменной неправильная область видимости, а в том, что код асинхронный. Заголовок вопроса вводит в заблуждение, но по коду всё становится ясно.

Answer 5

[Сергей Комаров]

var xmlParse = $(xml).find('Valute');
Переменная обьявленная с var является локальной в контексте данной функции. Соответственно область видимости ограничена функцией в которой она обьявлена(если нет вложенных функций, это уже другая тема). Вкратце - просто уберите var и оставьте так.
xmlParse = $(xml).find('Valute');
В таком случае она будет глобальной.

Comments

[Алексей Уколов]

И вас формулировка названия вопроса ввела в заблуждение.

Answer 6

[g_s_e]

$(document).ready(function () {
var xmlParse;
var xmlDoc = $.ajax({
type: "GET",
url: "www.cbr.ru/scripts/XML_daily.asp",
dataType: "xml",
success: function ( xml ) {
xmlParse = $(xml).find('Valute');
console.log( xmlParse );
}
});

console.log( xmlParse );
});

Comments

[Johnny]

undefined

Answer 7

[fabrykant]

а так?

$(document).ready(function () {
  var xmlDoc = $.ajax({
    type: "GET",
    url: "http://www.cbr.ru/scripts/XML_daily.asp",
    dataType: "xml",
    success: function ( xml ) {
      var xmlParse = $(xml).find('Valute');
      return xmlParse;
    }
  });

  console.log( xmlDoc); 
});

Comments

[Johnny]

С самого начала было так, не работает. Точнее выводится объект, в котором, конечно есть xml (responseText), но мне его оттуда все равно не вытащить.

Answer 8

[Stepanya]

$(document).ready(function () {
  var xmlParse = null;
  var promise = $.ajax({
    type: "GET",
    url: "http://www.cbr.ru/scripts/XML_daily.asp",
    dataType: "xml"
  }).success(function ( xml ) {
      xmlParse = $(xml).find('Valute');
   });
});