Автоматическое сохранение данных с использованием JQuery / Javascript

Question

Я работаю над веб-сайтом и хочу, чтобы мой пользователь работал, не нажимая кнопку Сохранить, чтобы вручную сохранить свои данные (аналогично тому, как Документы Google позволяют вам работать без нажатия кнопки Сохранить).Я смог добиться этого, используя событие on change в JQuery и используя AJAX для отправки сообщений на сервер каждый раз, когда происходило это событие.Единственная проблема состоит в том, что это приводит к МНОГИМ запросам к серверу.Как мне добиться того же результата, при этом уменьшая количество раз, когда запросы отправляются на сервер.

Любая помощь будет принята с благодарностью!

Спасибо!

Answer 1

Термины, которые вы ищете для «газа» и «отказов».Существует множество решений (например, плагины jQuery, такие как https://code.google.com/archive/p/jquery-debounce/ - заявление об отказе: я не использовал jQuery годами и поэтому не имею опыта работы с этим плагином), но, прочитав немного об этом, это не тактрудно реализовать это самостоятельно.Если вы используете RxJS (маловероятно в проекте, который все еще использует jQuery), в нем также есть методы debounce и throttle.

Answer 2

Думали ли вы об использовании таймера?Например, вы все еще можете использовать событие on change, но вместо передачи при каждом изменении вы можете начать обратный отсчет, и только если пользователь не набрал, например, в течение 10 секунд, которые вы передаете.