Работаю с API онлайн-переводчика, есть простой интерфейс с двумя
textarea для исходящего текста и приходящего перевода и кнопка, по клику на которую формируется запрос.
Функция запроса выглядит так:
async function postData(url='', data = {}) {
const response = await fetch(url, {
method: 'POST',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
});
return await response.json();
};
Сразу же за ней идет запись переведенного текста в
textarea:
postData(url, data).then((data) => {
$('#translated_text_preview').text(data.translations[0].text);
});
И в чём проблема: когда я просто пишу что-то в поле для перевода - все работает. При этом, я могу менять этот текст как угодно и каждый раз по нажатию все работает как следует. Но стоит мне изменить что-то в поле, куда вписывается переведенный текст или стереть там всё - перевод перестает вставляться, хотя запрос проходит успешно и возвращает аналогичный ответ.
