javascript数组的输出结果（Ajax？）

我有一段代码，我想把employees数组的结果附加到output div中。有一个keyup函数，我试图完成的是在列表中打印结果，而不重新加载页面。有没有更好的方法，也许是使用一些自动完成插件？ajax调用有必要吗

这是我的代码笔和代码：

<input type="text" id="search"/>
<div id="output"></div>

var employees = ["John Doe", "Anna Smith", "Peter Jones", "Cat Stevens", "Dog Whishers"];

$(document).ready(function() {
  $('#search').keyup(function() {
    var searchTerm = $('#search').val();
    var url = searchTerm;

    $.ajax({
      type: "GET",
      url: url,
      async: false,
      dataType: "json",
      success: function(data) {
        $('#output').html('');
        for (var i = 0; i < employees.length; i++) {
          $('#output').append("<li> [i] </li>");

        }
      }
    });
  });
});

var员工=[“约翰·多伊”、“安娜·史密斯”、“彼得·琼斯”、“猫·史蒂文斯”、“狗吹口哨”]；
$（文档）.ready（函数（）{
$（“#搜索”）.keyup（函数（）{
var searchTerm=$（'#search'）.val（）；
var url=searchTerm；
$.ajax({
键入：“获取”，
url:url，
async:false，
数据类型：“json”，
成功：功能（数据）{
$（'#output'）.html（''）；
对于（变量i=0；i[i]”）；
}
}
});
});
});
“
”+employees[i]+“
”
-而且不需要ajax调用，因为您显然不使用结果。噢，谢谢。现在，当我键入数组中的任何名称时，所有结果都会立即显示。是否有一种方法可以根据输入字段中键入的字母数“填充”结果，例如，如果我键入John，则只有John出现。。？以下是我的更新代码：@PointyMaybe这将帮助您：很好，谢谢@ArturWorks这里很好，但是我得到的getPreventDefault（）的用法是不推荐的。改用defaultPrevented。无论我连接的是哪个jquery版本，Firefox中都会出现这种情况。。？在chrome中，无法加载XMLHttpRequestfile:///echo/html. 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源@Artur Filipiak
“
”+employees[i]+“
”
-而且不需要ajax调用，因为您显然不使用结果。哦，谢谢。现在，当我键入数组中的任何名称时，所有结果都会立即显示。是否有一种方法可以根据输入字段中键入的字母数“填充”结果，例如，如果我键入John，则只有John出现。。？以下是我的更新代码：@PointyMaybe这将帮助您：很好，谢谢@ArturWorks这里很好，但是我得到的getPreventDefault（）的用法是不推荐的。改用defaultPrevented。无论我连接的是哪个jquery版本，Firefox中都会出现这种情况。。？在chrome中，无法加载XMLHttpRequestfile:///echo/html. 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源@阿图尔·菲利皮亚克