Ошибка при отправке запроса с помощью fetch?

Question

[Александров]

решил потихоньку выпилить jquery, начал с ajax-запросов.

Было:

function uAjax(url, data, requestType){
	return	$.ajax({
		'type':requestType,
		'url':url,
		'dataType': 'json',
		'data':data
	})
}
uAjax("/info", {}, "GET")

Все работает, запрос уходит, данные приходят. Переписал (согласно https://github.com/github/fetch):

import 'whatwg-fetch'
function uFetch(url, data, requestType){

	return fetch(url, {
		method: requestType,
		body: data
	});
}

uFetch("/info", {}, "GET").then((response) => {console.log(response.json());response.json()})

Запрос не отправляется + получаю букет ошибок:

Что не так накодил?

Answer 1

[Sayonji]

Во-первых, нельзя дважды вызывать response.json(). Во-вторых, этот метод возвращает промис, а не сам объект. В-третьих, если тело функции обернуто в фигурные скобки, то надо писать return, чтобы вернуть значение. Примерно так:

uFetch("/info", {}, "GET")
  .then((response) => response.json())
  .then((json) => {
    console.log(json)
    return json
  })

Далее, есть подозрение, что возвращается невалидный JSON. Попробуйте заменить на response.text() и посмотреть, останутся ли ошибки.

Answer 2

[Александров]

Я же говорю - запрос не отправляется (в консоли я его не вижу), так что во первых-третьих не актуальны

i.prntscr.com/1olGmL8DRgW75m4dOeRyXQ.png
после response.text():
i.prntscr.com/SMu52MA3TlK1ZXKmeZpd4w.png