Почему не приходит ответ json от сервера через функцию fetch?

Question

[KambulovDanil]

Добрый день, пытаюсь отправить запрос, который возращает json. Запрос вроде как уходит, но ответа нет. Где я допустил ошибку?

fetch("https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=en&hl=ru&dt=t&dt=bd&dj=1&source=icon&tk=467103.467103&q=привет", {
    method: "POST",
   
    mode:"no-cors"
}).then(function(response) {
    // Стоит проверить код ответа.
    if (!response.ok) {
        // Сервер вернул код ответа за границами диапазона [200, 299]
        return Promise.reject(new Error(
            'Response failed: ' + response.status + ' (' + response.statusText + ')'
        ));
    }

    // Далее будем использовать только JSON из тела ответа.
    return response.json();
}).then(function(data) {
console.log(data)
    
       let slovo = data.sentences[0].trans;
console.log(slovo)
}).catch(function(error) {
    // ... Обрабатываем ошибки.
});

должно выводится в консоль Hello. Но выводит Promise {}....

Comments

[WbICHA]

Так вы же сами и возвращаете промис.

if (!response.ok) {
        // Сервер вернул код ответа за границами диапазона [200, 299]
        return Promise.reject(new Error(
            'Response failed: ' + response.status + ' (' + response.statusText + ')'
        ));
    }

[KambulovDanil]

WbICHA, Подскажите как решить проблему ?

[WbICHA]

KambulovDanil, кидать ошибку? Зачем промис возвращать?

[KambulovDanil]

а что возращать?просто убрать и все заработает?
? По моей сылке приходит Json. Но почему то он не обрабатывается в этой конструкции.

Answer 1

[Надим]

Не понятно, почему вы пытайтесь отправить POST-запрос, когда внешний вид вашей ссылки кричит о том, что это GET.

В общем, правильно будет так, выполните в консоли:

(await (await fetch('https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=en&hl=ru&dt=t&dt=bd&dj=1&source=icon&tk=467103.467103&q=привет')).json()).sentences[0].trans;

Comments

[KambulovDanil]

Это работает, но мне надо чтобы эта была конструкция как выше написаная. Потому что мне надо работать, с полученным ответом(JSONом
)

[Надим]

response = await fetch('https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=en&hl=ru&dt=t&dt=bd&dj=1&source=icon&tk=467103.467103&q=привет');
obj = await response.json();

console.log('Получен JSON:');
console.dir(obj);

slovo = obj.sentences[0].trans;

console.log('Результаты перевода: ' + slovo);

Answer 2

[Владимир]

Очень странно. Если не указывать init, то все работает:


Если указывать, выдает Response failed, что, наверное, логично ибо POST вместо GET. Но вот промиса добиться не удалось.

Comments

[KambulovDanil]

Добрый день. Про какой init идет речь?

[Владимир]

KambulovDanil, второй аргумент функции fetch, объект {method, mode}. Вот тут все описано: The fetch() method