jQuery

Мгновенный поиск результатов на JQUERY

Мгновенный поиск результатов на JQUERY можно реализовать при помощи события keyup .

  1. // При событии keyup вызываем скрипт каждый раз, как нажимается 
  2. // кнопка на клавиатуре в выбранном поле 
  3. $('#search_word').keyup(function(){
  4.  
  5.          // Берем значение поля, которое передадим скрипту
  6.           var search =$('#search_word').val();
  7.  
  8.          // Также можно добавить, условие, что поиск производится
  9.          // только при количестве введенных символов равному больше 3х
  10.            if(search .length>3) {
  11.                 $.ajax({
  12.                      // Путь к PHP скрипту
  13.                     url:"/search_files/", 
  14.                     data:{search:search},
  15.                     "type":"POST", 
  16.                      dataType:"html",
  17.  
  18.                      // После выполнения скрипта полученные данные помещаем в div
  19.                      // с классом container
  20.                      "success" : function (data) {
  21.                            $('.container').html(data);
  22.                      }
  23.             }
  24.    });
  25.  
  26. });
Поделиться в социальных сетях