實時搜索Ajax

Question

我一直在表格網站一段時間，我實施了一個搜索系統，但我希望它是實時搜索，所以每當你按下按鈕，它將刷新該網站。我幾乎沒有編碼經驗，所以生病請求在這裏得到一些幫助。

這裏是我的Ajax代碼：

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(); 
     } 
    }); 
    }); 
});