Jquery 改变列表内容的AJAX搜索框

我就是不知道如何使用AJAX支持的搜索框来改变列表的内容

因此，基本上，我们的梦想是让用户在框中输入查询，下面的列表将被更改，以便它包含标题与查询匹配的条目

下面的截图可能会有所帮助

---

因为您只是在寻找一个起点，所以请按照以下简单步骤来理解它

您需要在php中编写一个代码块（最好是一个函数），将用户类型作为输入，并根据该输入查询数据库中要列出的项目

接下来，如果需要，您需要循环查询中检索到的输出并修改其结构，或者在php中为其准备HTML，并将其作为响应发送到浏览器

现在，对php代码块执行ajax调用（请参见-），可能是在事件按键上使用jQuery（请参见-）

现在用新收到的数据替换旧列表

这只是一个想法，你的工作流程应该是什么。粘贴所有这些的代码将使答案非常长。所以只是一个工作流程

PHP（ajaxcall.PHP）：

---

你试过什么？什么不起作用？向我们展示您迄今为止为开始解决问题而编写的代码如何？没有起点，就很难帮助你。@Charles嗯，老实说，我正在寻找一个起点。我可以利用该查询使用数据库过滤条目。但是，我无法建立允许我在列表中重新列出条目的连接。在jQuery旁边使用DOM可能是可行的，但问题是如何做到？如果你不开始，怎么可能有一个起点？如果你在理解我的答案方面有问题，你可能会接受评论的答案。

<?php 

 //The following code block will be executed on the ajax call.


//get the user input from post
$user_input = $_POST['user_input'];

//do the query based on that.
//YOUR SQL HERE

//parse the retrieved result and loop through it.

//echo out the output.

die();

$('.somefield').keypress(function(){
    //get the current value of some field and set this as the data to be sent.
    //do your ajax call.
    //on success( after successfully getting the data ), replace the content of
    //the list with the new data.
});