Как вытащить переменнную из подключенного JSON в JS?

Здравствуйте, помогите понять, как вытаскивать переменные из подключаемого файла JSON. Это файл с обновляемыми курсами валют, и нужно потом этот курс использовать для расчетов в других функциях. Например как вытащить переменную "kurs"

$.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {      	var  kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 '); 	$('#euro').html(kyrs);  });

Дополнительно:

function getData() {   return new Promise(resolve => {     $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {         const kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 ');         resolve(kurs);     });   }) }  function func1(kurs) {   console.log(kurs); }  function func2(kurs) {   console.log(kurs); }  async function go() {   const kurs = await getData();   $('#euro').html(kyrs);   func1(kurs);   func2(kurs); }  go();

Ответы:

Здравствуйте!
Пробуйте вот так

var kyrs; // объявляем переменную вне функции  $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {   kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 ');   $('#euro').html(kyrs); });  // Теперь переменная kyrs доступна и за пределами функции обратного вызова console.log("Курс: " + kyrs);

• Нет, недоступна, пишет NaN. Для проверки можно вытащить $('#euro').html(kyrs); за пределы функции, и она не будет отдавать не какие данные, так же как и консоль
• Проблема, вероятно, связана с тем, что код после $.getJSON выполняется слишком быстро, еще до того, как запрос будет завершен и данные будут получены. Поскольку $.getJSON выполняется асинхронно, console.log("Курс: " + kyrs); может быть выполнен до того, как переменная kyrs будет установлена.

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

  var kyrs; // объявляем переменную вне функции $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) { kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 '); $('#euro').html(kyrs); // Теперь переменная kyrs доступна и за пределами функции обратного вызова console.log("Курс: " + kyrs); });

  var kyrs; // объявляем переменную вне функции $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) { kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 '); $('#euro').html(kyrs); // Теперь переменная kyrs доступна и за пределами функции обратного вызова console.log("Курс: " + kyrs); });

  Таким образом, код, зависящий от значения kyrs, будет выполнен только после завершения запроса и установки значения переменной.

• RushV, так мне нужно записывать значения огромного масива с кучей переменных, для которого необходимо что бы переменная курса работала за пределами функции JSON. И если бы проблема была только в паре значений, проблемы бы не было)). И если я засуну допустим туда этот массив, это потом не скажется на скорости работы скрипты?
• Axel030392, У меня работает
  

  

  var kyrs; // объявляем переменную вне функции // Функция, которая принимает данные и обрабатывает их function processCurrencyData(data) { kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 '); $('#euro').html(kyrs); // Теперь переменная kyrs доступна и за пределами функции обратного вызова console.log("Курс: " + kyrs); } // Выполняем запрос и передаем функцию обратного вызова $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", processCurrencyData); // Здесь код выполняется сразу после отправки запроса, но не ждет его завершения // Поэтому переменная kyrs здесь может быть неопределенной // console.log("Курс: " + kyrs);

  var kyrs; // объявляем переменную вне функции // Функция, которая принимает данные и обрабатывает их function processCurrencyData(data) { kyrs = Math.ceil(100 / data.Valute.KZT.Value * data.Valute.EUR.Value).toString().replace(/(d)(?=(d{3})+$)/g, '$1 '); $('#euro').html(kyrs); // Теперь переменная kyrs доступна и за пределами функции обратного вызова console.log("Курс: " + kyrs); } // Выполняем запрос и передаем функцию обратного вызова $.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", processCurrencyData); // Здесь код выполняется сразу после отправки запроса, но не ждет его завершения // Поэтому переменная kyrs здесь может быть неопределенной // console.log("Курс: " + kyrs);