实时搜索Ajax - Real time search Ajax

Real time search Ajax

本文关键字：Ajax 搜索实时 | 更新日期: 2023-09-27

我已经做了一段时间的表格网站，我实现了一个搜索系统，但我希望它是实时搜索，所以每当你按下按钮时，它都会刷新网站。我几乎没有编码经验，所以我会在这里寻求帮助。

这是我的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);
        }
    });
}

您几乎是对的，但您需要将此函数附加到<input />的keyup事件，并使其不引人注目：

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