0

Хочу сохранять информацию, вводимую пользователем в форму. Что бы обновить ее при обновлении страницы.

Сохраняю в сессии.

Только если я ставлю событие на onkeyup, то JS отправляет каждую введенную букву.

Вопрос. А как сделать задержку в 2 сек. Что бы отправлять запрос после того, как пользователь прекратит вводить информацию?

2
  • событие onchange не подойдет?
    – Kazantsev
    29 мая 2017 в 8:02
  • Нет. Так как пользователь может писать текст и не выходить с формы. А когда страница обновится или исчезнет интернет его вводимые данные пропадут.
    – EduardRST
    29 мая 2017 в 8:06

3 ответа 3

2

Если надо чтобы отправило данные только если пользователь перестал вводить данные - то можно вот так:

$('body').on('keyup', "#контейнер", function(I) {
  switch (I.keyCode) {
    default: searchDelay(function() {
      $.ajax({
        //ДЕЛАЕТЕ ВАШ ЗАПРОС
      });
    }, 1000);
    break;
  }
});

var searchDelay = (function() {
  var timer = 0;
  return function(callback, ms) {
    clearTimeout(timer);
    timer = setTimeout(callback, ms);
  };
})();

1
  • Большое Спасибо! Как раз то что нужно
    – EduardRST
    29 мая 2017 в 10:38
0

Для этого лучше использовать onblur=ваша функция(), функция будет запускаться при потере фокуса на поле ввода.

5
  • Не подойдет. Так как пользователь может писать текст и не выходить с формы. А когда страница обновится или исчезнет интернет его вводимые данные пропадут.
    – EduardRST
    29 мая 2017 в 8:07
  • @Anton Это то же не вариант, так как пользователь может закончить ввод но фокус может быть все еще в input 29 мая 2017 в 8:07
  • Тогда можно сделать задержку на 2-5 секунд, что если перестал вводить, то запустить функцию, для этого ознакомьтесь с SetTimeout(), очень удобно.
    – Anton
    29 мая 2017 в 8:10
  • То есть после каждого ввода символа заходить в функцию и запускать таймер на 2-5 секунд, и по их истечению отправлять введенную строку.
    – Anton
    29 мая 2017 в 8:11
  • @Anton, а не подскажите как это правильно сделать. А то у меня задержка срабатывает, но после 2 секунд все равно отправляет все символы без исключения
    – EduardRST
    29 мая 2017 в 8:14
0

А зачем вам вообще хранить пользовательский вввод на сервере? Храните его у пользователя (в localStorage например). А на сервере сохраняйте штатным методом, когда пользователь захочет отправить форму на сервер.

1
  • Лучше на сервере. Так надежнее
    – EduardRST
    29 мая 2017 в 10:39

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.