javascript数组的输出结果(Ajax?)

时间:2016-10-14 14:00:25

标签: javascript jquery ajax

我有一段代码,我想将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>");

        }
      }
    });
  });
});

0 个答案:

没有答案