javascript - mysql 结果在 javascript 全局数组中

Question

我需要在 JS 数组中有一个 MySQL 表结果，以便我可以在文本框中输入名称时进行搜索。我的意思是，假设我有一个包含一些名称的表，现在当请求页面时，它应该使用 MYSQL 中的名称列表填充一个 div，该 div 需要有一个输入框，在其中键入缩写时，下面的列表应该找到与关键字匹配的名称，就像搜索一样。

为此，我认为我需要将 mysql 结果存储在 JS 数组中，以便在文本框的 onkeyup 和 onkeypress 事件上，它应该搜索数组项的匹配结果并仅使用这些项填充列表。

我知道，我必须在 document.ready 上发出 ajax 请求才能从数据库中获取结果，但随后不知道如何将其存储在数组中，然后进行搜索关于文本框事件。

Answer 1

你需要这样的东西:

像这样的输入:

<input type="text" onkeyup="userscount('getusers.php')" name="name" /> 
<div id="shownames"></div>

这里是ajax请求的js，我使用jquery:

function userscount(url)
{

        var val = $('[name="name"]').val()
        $.ajax({
                type:'post',
                data : {name: val },
                cache: false,
                url: url,
                dataType : 'json',
                success: function(resp){
                  $('#shownames').append(resp);
               }
               });


}

您可以使用 ul li 进行附加

这是 php 代码(getusers.php):

<?php
if(isset($_POST['name']))
{
  $result = // execute your query 

   echo json_encode($result)
}

?>

有了这个，你不需要 js 数组来搜索，你可以直接在数据库中搜索