JQuery автозаполнение не показывает выпадающий список автозаполнения?

Question

У меня есть поле ввода поиска - где при поиске пользователем любой строки будет отображаться выпадающее меню автозаполнения. Но по какой-то причине он не показывает раскрывающийся список автозаполнения. Но когда я нахожу свой базовый URL и заканчиваю путь /JobSearchItem.xhtml в моей адресной строке, он просто возвращает мой результат в формате json. Но он не показывает выпадающий список автозаполнения. Может ли кто-нибудь проверить, как я могу сделать автозаполнение, чтобы показать. Благодарю. PS: Дайте мне знать, если вы, ребята, нуждаетесь во мне, чтобы показать больше кода.

Вот мой код:

     $(function() {


   var base_url = "http://localhost:8080/myapp/";
    $( "#searchTextField" ).autocomplete({

         source: function( request, response ) {
        $.ajax({
          url: base_url + "JobSearchItem.xhtml",
          dataType: "json",
          data: {
            q: request.searchValue
          },
          success: function( data ) {
            response( $.map(data, function(v,i) { 
                    return { jobClassCD: v.jobClassCD, jobClassTitle: v.jobClassTitle }; 
                 }) 
            );
          }
        });


    });

  }); 

json response

    [{"jobClassCD":"1000","pGrade":"0","jobGroup":"","jobClassTitle":"ABC DEVELOPER"} 

Answer 1

Вместо этого вы можете попробовать сделать следующее:

$(function() {
  var base_url = "http://localhost:8080/myapp/";
  $.ajax({
    url: base_url + "JobSearchItem.xhtml",
    dataType: "json",
    data: {
      q: request.searchValue
    },
    success: function(data) {
      var newAray = $.map(data, function(v, i) {
        return {
          jobClassCD: v.jobClassCD,
          jobClassTitle: v.jobClassTitle
        };

        $("#searchTextField").autocomplete({
          source: newArray
        });
      });
    }
  });

});