Как сделать синхронный запрос через fetch?

Question

[Aricus]

Я пытаюсь сделать функцию, которая получает данные фирмы по ИНН:

function getDataByINN(inn) {
console.log(inn)
	let url = "https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/party";
	let token = "2dd89656b3d14b185a20dc252b1f3397b1be219";
	var options = {
		method: "POST",
		mode: "cors",
		headers: {
			"Content-Type": "application/json",
			"Accept": "application/json",
			"Authorization": "Token " + token
		},
		body: JSON.stringify({query: inn})
	}
	return fetch(url, options)
		.then(response => response.text())
		.then((data) => {
			if (typeof data.suggestions[0] !== undefined) {
				console.log(data.suggestions[0])
				return data.suggestions[0];
			} else {
				return false;
			}
		})
		.catch((error) => {
			console.log("error", error);
			return false;
		});
}
...
let myCopany = getDataByINN(myPersonPars['INN']);
console.log(myCopany);

Данные получаются правильные. Но, так как fetch работает асинхронно, в переменную, использующую функцию, записывается undefined, а уже потом приходят данные. Запихнуть дальнейший код в then не получится, так как он разбросан по нескольким js файлам.
Как заставить fetch работать синхронно, или переделать в другой вариант ajax (можно jquery), с отправкой заголовков и прочих данных?

Comments

[WbICHA]

async/await?

[GrayHorse]

в переменную, использующую функцию
Это бред.

Перепеши все на await с добавлением console.log после каждой строки.

Ибо сейчас это больше похоже на чушь и компот, собранный из ноубрейн копипасты кода из разных мест.

И text() возвращает, внезапно, текст (строку), если что. В отличие от json().

Answer 1

[Immortal_pony]

1. Можете воспользоваться XMLHttpRequest вместо fetch. В методе open можно явно указать, что запрос необходимо сделать синхронно. Подробная документация тут: https://javascript.info/xmlhttprequest
2. Можете воспользоваться тем что fetch возвращает promise и написать свой код соответствующим образом. Вы уже почти это сделали когда решили возвращать результат выполнения fetch. Осталось чуть-чуть, примерно так:

getDataByINN(myPersonPars['INN']).then((suggestion) => {
    const myCompany = suggestion
})

Comments

[Aricus]

Пробую переделать под XMLHttpRequest. Вот то, что пока сделал Подскажите, пожалуйста, почему код не заходит ни в onload, ни в onerror? И, если это надо, как подключить mode: "cors"?

[GrayHorse]

Не стал писать ответ ночью, видимо, зря. Так вот.

1. Можно, но не нужно.

Очевидно же, что автор не понимает, что хочет ("синхронный AJAX"). По факту, единственное, что ему нужно, — чтобы код работал.

Советовать использовать синхронный XHR — это советовать говнокодить.
С синхронным XHR на время запроса вкладка будет зависать.

2. Код с await объективно проще для понимания, чем чайнинг промисов.

[GrayHorse]

почему код не заходит ни в onload, ни в onerror

Да там же (по ссылке) полноценный пример же есть:
https://learn.javascript.ru/xmlhttprequest#sinhron...

[Immortal_pony]

Aricus Код не заходит ни в onload ни в onerror, потому что они должны быть определены до того как вы вызовете метод send. А у вас получается, что вы сначала шлёте запрос, а потом вдогонку уходящему поезду пытаетесь прокричать как его обработать.
Но onload и onerror предназначены в основном не для синхронных запросов. В вашем случае с синхронным запросом вы можете просто возвращать результат. Например так: https://jsfiddle.net/gbq8uow5/

GrayHorse Но вы-то понимаете лучше автора и вообще лучше всех на свете кому и что нужно, ага.

С синхронным XHR на время запроса вкладка будет зависать.

Да ну? Обоснуете?

Код с await объективно проще для понимания, чем чайнинг промисов.

Это такой странный вид опечатки когда вместо "я так решил" написано "объективно"?
await - это синтаксический сахар от того же функционала.

Answer 2

[GrayHorse]

Начать использовать оператор await. И не парить мозг.

Answer 3

[Lynn «Кофеман»]

Никак.

Comments

[Aricus]

И что, такую функцию невозможно написать в принципе? Программирование не позволяет это сделать? Или есть какой-то обходной манёвр?

[edward_freedom]

Aricus, я может не правильно вопрос понял, но в чем проблема дождаться результата с помощью await? Ну или на самый крайний случай, если это темная тема для тебя, использовать колбек

[Владимир]

Aricus, Шагнув в асинхронщину, ты из нее не вылезешь. fetch возвращает тебе промис, он выполняется асинхронно, можно при помощи await подождать его выполнения и получить результат, но await работает в асинхронной функции, а асинхронная функция тоже возвращает промис, а не результат.

Вообще писать приложение на яваскрипте не влазя в асинхронный код не реально, тут и колбеки и фетчи и куча асинхронных апи.