我有一段代码,我想将employees数组中的结果附加到输出div中。有一个键盘功能,我想要完成的是在列表中打印结果而不重新加载页面。有没有更好的方法,也许有一些自动完成插件?是否需要ajax调用..?
这是我的代码集http://codepen.io/anon/pen/gwjGxr和代码:
<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>");
}
}
});
});
});