Поиск в реальном времени Ajax

Question

Я уже давно был сайтом таблицы, и я реализовал поисковую систему, но я хочу, чтобы это был поиск в реальном времени, поэтому всякий раз, когда вы нажимаете кнопку, он обновит сайт. У меня мало опыта в кодировании, поэтому я прошу о помощи здесь.

Вот мой Аякса код:

function searchDomains() { 
    $.ajax({ 
     type: "POST", 
     url: "Ajax/searchDomain.action.php", 
     data: { 
      domain: $('input[name="domain"]').val(), 
      width: $(window).width() 
     }, 
     success: function(data) { 
      $("#container_domains").html(data); 
     } 
    }); 
} 

Answer 1

Вы почти правы, но вы должны приложить эту функцию в keyup случае <input /> и сделать его ненавязчивым тоже:

<input type="text" name="search" id="search" /> 
<div id="container_domains"></div> 

И в jQuery:

$(function() { 
    $("#search").keyup(function() { 
    $.ajax({ 
     type: "POST", 
     url: "Ajax/searchDomain.action.php", 
     data: { 
     domain: $('input[name="domain"]').val(), 
     width: $(window).width() 
     }, 
     success: function(data) { 
     $("#container_domains").html(data).show(); 
     } 
    }); 
    }); 
});