Как получить данные из этого вызова ajax

Boleg1

Привет, ребята,

Я получил данные с сервера с помощью метода ajax, но не знаю, как извлечь эти данные из текста ответа, чтобы использовать их где-то еще.

Любые предложения о том, как это сделать, будут очень признательны.

 
fetch("/path_to_file/data.json").then(response => {
 return response.text();
}).then(data => {
 if(data) {
 var foo = JSON.parse(data);
 console.log(data); // {"key1":"value1","key2":"value2"}
 retrieveData(foo.key1,foo.key2);
 }
});
function retrieveData(x,y) {
 var data = { a: x, b: y };
 return data;
}
var ax = retrieveData.a;
console.log(ax); // => not working

Код (разметка): Спасибо,

Юлия4

Все это является прекрасным примером того, почему fetch не является улучшением по сравнению с XMLHttpRequest.

Особенно, когда в нем нет жонглирования/настройки типа mime, нет обработки кода ответа и т. д. и т. п.

Тем более эта сумасшедшая цепочка «то, то потом» обещает и бесполезную функцию стрелок, которая просто усложняет работу и приводит к накладным расходам ни за что.

Хотя даже при использовании fetch/then зачем эта дополнительная процедура?

 fetch('/path_to_file/data.json').then(function(response) {
var string = JSON.parse(response.text);
console.log(string);
});

Код (разметка): Вырезаем весь лишний мусор.

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

 function fABC(file, callback) { fetch(file).then(function(response) { callback(JSON.parse(response.text())); }); }

Код (разметка): смех в том, что простое выполнение fetch/then вручную, а не в функции, в конечном итоге имеет тот же размер, что и ваш код var string=, а это означает, что на самом деле нет законного оправдания даже для создания этой функции fABC.

Черт, это было бы меньше, если бы кто-то использовал умственную карликовость с функцией стрелки.

Affiliate.lamoda

Спасибо @deathshadow, Мне нравятся обе сокращенные версии. Однако первый выдал ошибку.

Ответ.текст второго сообщения выглядит примерно так:

 ƒ text() { [native code] }

Код (разметка): Я думаю, что это функция, поэтому ее невозможно проанализировать, но я собираюсь ее изменить.

Посмотрим, смогу ли я заставить это работать.

Itcommander

Хорошо, я понял это. На помощь приходит нечто, называемое обратным вызовом:

 function fABC(file, callback) {
 fetch(file).then(response => {
 return response.text();
 }).then(data => {
 if(data) {
 var foo = JSON.parse(data);
 callback(foo);
 }
 });
}
var string = fABC("/path_to_file/data.json", function(ss){
 console.log(ss); // wooohsa, this takes me two days... );
});

Код (разметка):

Satyr1

Я думаю, это потому, что строки 14 и 15 находятся за пределами блока ajax. Что произойдет, если вы поместите их в метод извлечения данных()?

 function retrieveData(x,y) {
 var data = { a: x, b: y };
 console.log(data);
 return data;
}

Код (разметка):

Похожие темы	Дата
LoftSchool] Быстрый старт в AngularJs	19.12.2024, 05:12
[learn javascript] Курс по Node.JS (2018)	19.12.2024, 05:12
[Loftschool] React.js.Разработка веб-приложений	19.12.2024, 05:12
[geekbrains] Node.js Серверное Программирование На Javascript	19.12.2024, 05:12
Почему модальные формы, открытые с помощью метода JS show, показывают уродливое модальное окно?	19.12.2024, 05:12
Захват данных Json	19.12.2024, 05:12
Сопоставление элемента с содержимым, если не найдено, добавить его.	19.12.2024, 05:12
Как добавить событие mouseup окна к этому переключателю JavaScript	19.12.2024, 05:12
React.js для начинающих - Пацианский (2016)	19.12.2024, 05:12
JavaScript. Уровень 1 Уровень 2 - Специалист (2016)	19.12.2024, 05:12

Как получить данные из этого вызова ajax

Boleg1

Юлия4

Affiliate.lamoda

Itcommander

Satyr1

I AM

Интересно