HTML+CSS+JavaScript

Здравствуйте! Пользователь начинает вводить символы, как сделать задержку при отправке запроса на сервер? Например как в яндекс или гугле. Быстро вводишь запрос, но он не отправляется до тех, пока не перестанешь печатать

<input type="text" id="str" onKeyUp="setTimeout(function() { connect($('#str').val()); }, 1000); ">

В функции connect() ajax запрос к бд. То что указал setTimeout, вообще не то, все равно в итоге каждую 1 секунду обращение к серверу будет...

Подскажите, как такое сделать?

var tmr; $(function(){    $('#str').keyup(function() {       var txt = this.value;       clearTimeout(tmr);       tmr = setTimeout(function() {           $.post('url', {t:txt}, function(d) {               alert(d);           }, 'type');       }, 1000);    }).keydown(function(){clearTimeout(tmr)}); });

Спасибо большое!


Скажите пожалуйста, почему у меня timeout в ajax не работает?

$.ajax({ timeout: 40000, type: 'POST', complete: function() {alert();} });

ответ от сервера должен ведь прийти только спустя 4 секунды? у меня он сразу же приходит...

А зачем он вам нужен?
Timeout не задает время когда сервер должен ответить, сервер сам себе велосипед как будет готов ответ выдаст. Timeout - это время ожидания ответа от сервера. Читайте документацию.

Да, он мне не нужен, просто увидеть хотел время работы. в сам php скрипт добавил sleep(3). У меня немного другая проблема, нужно отменить все предыдущие активные ajax запросы

var checkAjax = null; function text() {    if(checkAjax != null) {checkAjax.abort();}         checkAjax = $.ajax({         type: 'POST',         url: 'ajax.php',         success: function(result) { checkAjax = null; alert();},              });          }

<input type="text" onKeyUp="text();">


Ввел 3 символа и вроде бы все правильно - сработал 1 алерт как и нужно, но времени на это ушло не 3 секунды, а целые 9, значит ajax запрос не отменился? Или вообще неправильно все это?

А если не нужно, то зачем sleep(3)? Зачем заставлять пользователя ожидать ответ сервера?

Я же вам сказал, читайте документацию - Расширенный подход

И зачем опять городите это - <input type="text" onKeyUp="text();"> ? Вот зачем плодить кучу функций, если нужно обрабатывать несколько событий одного элемента, целю которых является только одно - асинхронный запрос?

Прочитал, понял теперь зачем timeout :)

sleep(3) в скрипте ставил, чтобы проверить как отменяется ajax запрос через метод abort()

Вроде бы отменяется:

var checkAjax = null; $(function(){     $('#str').keyup(function() {      checkAjax =  $.ajax({                  beforeSend: function() {if(checkAjax != null) {checkAjax.abort();} }, //запрос будет обрываться, когда происходит обращение к серверу         type: 'POST',         success: function() { checkAjax = null;  }, //при успешном запросе, перезаписываем переменную по дефолту, чтобы запрос не обрывался         complete: function(jqXHR, textStatus) {alert(textStatus);}, //abort покажет в том случае, если быстро нажимать на клавиши,  но последнее нажатие ajax обработает и вернет success              });          }); });

Вот я не понимаю почему php скрипт будет висеть 9 секунд (при sleep(3)), если 3 раза быстро ввести буквы... Старые запросы обрываются- это я вижу через alert(textStatus);, но по факту все равно предыдущие запросы на сервер попадают, т.к с чего бы скрипту 9 секунд грузиться, если должно быть всего 3 сек. Может это так и должно быть?

А проверить сколько на самом деле происходит при этом запросов сервера не дано?

а как это проверяется? я с ajax мало сталкивался

вся проблема была в session_start! Файл bd.php в котором прописана session_start, подлючается ко всем файлам php. А у меня на сайте получается аякс в аяксе и лишний раз подключился bd.php (точнее не лишний раз, но сессия лишняя была), 2 сессии стартануло из-за чего глюки!

В отладчике браузера, закладка Сеть.

Спасибо! нашел в IE браузере такую закладку, сейчас работает все ок, убрал лишнюю session_start()