fetch()
Недавно я возился с api и заметил кое-что, что было немного странно.
let url = "http://jsonplaceholder.typicode.com/posts/6";
let iterator = fetch(url);
iterator
.then(response => {
return {
data: response.json(),
status: response.status
}
})
.then(post => document.write(post.data));
;
post.data
возвращает Promise
объект.
http://jsbin.com/wofulo/2/edit?js,output
Однако, если это написано как:
let url = "http://jsonplaceholder.typicode.com/posts/6";
let iterator = fetch(url);
iterator
.then(response => response.json())
.then(post => document.write(post.title));
;
post
вот стандарт, к Object
которому вы можете получить доступ к атрибуту title.
http://jsbin.com/wofulo/edit?js,output
Итак, мой вопрос: почему response.json
возвращает обещание в литерале объекта, но возвращает значение, если оно было только что возвращено?
javascript
asynchronous
promise
fetch-api
Хаачигаро
источник
источник
response.json()
обещание может быть отклонено, если ответ недействителен JSON.Ответы:
Потому что вы получите,
response
как только будут получены все заголовки. Вызов.json()
дает вам еще одно обещание для тела HTTP-ответа, которое еще предстоит загрузить. См. Также Почему объект ответа из JavaScript fetch API является обещанием? .Потому что так работают обещания . Возможность возвращать обещания из обратного вызова и принимать их - их самая важная функция, она делает их цепочкой без вложенности.
Ты можешь использовать
или любой другой из подходов к доступу к предыдущему обещанию приводит к цепочке .then () для получения статуса ответа после ожидания тела json.
источник
JSON.parse()
вместоres.json()
??res.json()
- это ярлык дляres.text().then(JSON.parse)
. Оба ждут данных, используя обещание, и анализируют json.Это различие связано с поведением промисов более чем
fetch()
конкретно.Когда
.then()
обратный вызов возвращает дополнительныйPromise
, следующий.then()
обратный вызов в цепочке по существу привязан к этому обещанию, получая его разрешение или отклонение выполнения и значение.Второй фрагмент также можно было записать как:
И в этой, и в вашей форме значение
post
предоставляется обещанием, возвращаемым изresponse.json()
.Однако, когда вы возвращаете равнину
Object
, он.then()
считает, что результат успешный, и немедленно разрешается, аналогично:post
в данном случае это простоObject
созданный вами объект , который содержитPromise
в своемdata
свойстве. Ожидание выполнения этого обещания еще не завершено.источник
Кроме того, что помогло мне понять этот конкретный сценарий, который вы описали, так это документация API Promise , в частности, где объясняется, как обещанное, возвращаемое
then
методом, будет разрешаться по-разному в зависимости от того, что возвращает обработчик fn :источник
В дополнение к приведенным выше ответам вот как вы можете обработать ответ серии 500 от вашего api, где вы получаете сообщение об ошибке, закодированное в json:
источник