Как получить JSON значений из API в автозаполнение

Question

Пока я ищу API JSON по одному ключу или значениям в поле автозаполнения, в этот раз все пары API JSON отображаются в выпадающем списке.

Я использую код удара только динамически c. Как я могу справиться с API? URL-адрес http://13.232.41.131/extendapi. Мне нужен код AJAX.

Примечание: поиск только отдельных значений; вся соответствующая информация отображается в раскрывающемся списке автозаполнения.

$(function() {
  var availableTags = [{
    key: "name",
    value: "sundar"
  }, {
    key: "no",
    value: "9965797521"
  }, {
    key: "age",
    value: "31"
  }, {
    key: "4",
    value: "NAME 4"
  }, {
    key: "5",
    value: "NAME 5"
  }];

  $("#project-name").autocomplete({
    minLength: 0,
    source: availableTags,
    focus: function(event, ui) {
      $("#project-name").val(ui.item.value);
      return false;
    },
    select: function(event, ui) {
      $("#project-name").val(ui.item.value);
      $("#project-id").val(ui.item.key);

      return false;
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<form action="search" method="post">
  <input id="project-name" name="project2" id="searchbox" />
  <input type="text" id="project-id" />
</form>