Как отправить текст из textarea на сервер без JS и без кнопок?

Question

[Azamat108]

Здравствуйте,я делаю переводчик.Помогите сделать так чтобы текст из "textarea" постоянно отправлялся на сервер,без нажатия кнопок и прочих механизмов.Вот textarea с элементами CSS.Прошу помочь мне без использования JS,если это возможно и важно чтобы текст отправлялся постоянно,это нужно чтобы когда человек вводил слово, он сразу получал перевод,как в Яндекс/Гугл переводчике.Заранее спасибо!!

Comments

[maxemga]

Если без JS, то можно у тега form использовать атрибут action, он при нажатии кнопки с типом сабмит, делает запрос на указанную ссылку, но если нужно чтобы запрос отправлялся при изменении инпута, то тут можно сделать инпуту атрибут onchange (затем туда передать нужную функцию) и при каждом изменении инпута, будет срабатывать функция, но тут уже нужен JS
Не понимаю это 'без использования JS', сложно что-ли один скрипт простенький подключить

Answer 1

[Rsa97]

Без JS никак. Без кнопок легко. Вешаете обработчик на событие input и в нём отправляете текст на сервер.

Comments

[Azamat108]

Можете конкретно объяснить,как "повесить обработчик на событие input и в нем отправить текст"?

Answer 2

[maxemga]

Если прям без JS, то можно использовать атрибут action у тега form, он при нажатии кнопки с типом submit отправляет запрос на сервер по указанному адресу, но это при нажатии кнопки, нужно при введении текста сделать
Тогда можно поставить обработчик onchange на Инпут, и при кажлом изменении инпута, он будет выполнять нужную функцию, но тут нужен JS
Мне непонятны эти слова про 'без использования JS', сложно один скрипт написать что-ли

Comments

[Azamat108]

Попросил без JS,так как не сильно в нем разбираюсь,но если без него никак можете написать этот скрипт пожалуйста?

[maxemga]

Azamat108, JS код:

const input = document.getElementById('input')

      input.onkeyup = (e) => {
          request(e.target.value);
      }

    function request(object) {
        let response = await fetch('ТУТ ССЫЛКА', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json;charset=utf-8'
            },
            body: JSON.stringify(object)
        });
    }

HTML код:
<input type="text" id='input'>

[maxemga]

maxemga, тоесть я обращаюсь к инпуту и при наждом его изменении делаю запрос на сервер, передаю туда значение инпута

[Azamat108]

maxemga, а возможно сделать тоже самое только с тэгом textarea?

[maxemga]

Azamat108, дк разумеется, просто сделай textarea id какой-нибудь, и в const input = document.getElementById('СЮДА ID') подставь его id

[maxemga]

Azamat108, я описал отправку данных на сервер, но я не уверен, что именно это вам сейчас нужно

[Azamat108]

maxemga, Спасибо,огромное,еще не пробывал, но надеюсь все получится!СПАСИБО!!!