fetch запрос на сервер. В случае успеха или в случае предвиденной неудачи - возвращается json объект с подробностями. Ответ так же может быть непредвиденный. Один из вариантов - когда пользователь отправляет файл большого размера и сервер выкидывает ошибку на 0 строке. Это фиксится клиентской валидацией, но есть ощущение, что могут быть и другие непредвиденные ошибки. Вот хотелось бы хоть как-нибудь их обработать.
Проблема в том, что мой скрипт ожидает json, так как я делал response.json(), однако, так как может придти не json, то я сделал вот такой костыль:
function returnjson(str) {
try {
let e = JSON.parse(str);
if (e && !!str) return e
} catch (e) {
return str;
}
}
document.querySelector("#form").onsubmit = (e) => {
e.preventDefault();
fetch("send.php", {method: 'POST',body: new FormData(e.target)})
.then(response => {
if (response.status >= 200 && response.status < 300) return response.text();
else throw (response.text());
}).then(data => {
let json = returnjson(data);
console.log(json);
if(json.result) {
if (json.result === "success") {
alert("Успех");
} else
if (json.result === "error") {
alert(json.info);
}
} else {
alert('Вернулся не JSON. Смотри консоль');
}
}).catch(error => {
console.log(error);
alert("Ошибка при обращении к серверу");
})
}
Смысл в том, что в начале я проверяю доступность сервера и в случае нормального кода ответа получаю текст, а потом уже проверяю, является ли этот текст json. Хочу услышать ваше мнение: как бы эту проблему решил нормальный разработчик?
