Select2 ajax wp api

select2-ajax-wpi-api.js

function formatResult (company) {
  if (company.loading) return company.text;

  var markup = "<div class='select2-result-company clearfix'>" +
    "<div class='select2-result-company__meta'>" +
    "<div class='select2-result-company__title'>" + company.company_name + "</div>" +
    "<div class='select2-result-company__number'>" + company.company_number + "</div>" +
    "</div></div>";

    return markup;
}

function formatSelection (company) {
    return company.company_name || company.text;
}

jQuery('.coc-autocomplete select').select2({
	ajax: {
	url: "http://yoursite.com/wp-json/somename/search",
	dataType: 'json',
	delay: 500,
	data: function (params) {
        return {
		    keyword: params.term,
		};
	},
	processResults: function (data, params) {
		return {
			results: data.items,
		};
	},
	cache: true
	},
	escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
	minimumInputLength: 3,
	templateResult: formatResult, // omitted for brevity, see the source of this page
	templateSelection: formatSelection // omitted for brevity, see the source of this page
});