Select2 + Jquery - Autocomplete Problem

Question

I managed to make the Select2 Plugin work, but the autocomplete does not work.

$(function () {

    $("#disciplina").select2({
        placeholder: "Disciplina",
        minimumInputLength: 0,
        ajax:{
            url: "busca.asp",
            type: "post",
            dataType: "json",
            delay: 150,
            data: function(params){
                return{
                    text: params.term
                };
            },
            processResults: function(data, params){
                params.page = params.page || 1;     
                return{ 

                    results: data,
                    pagination:{
                        more: (params.page * 30) < data.total_count
                    }
                };
            },
            cache: true
        }
    });

});

Someone’s been through it?

Return with console.log(date);

console.log(params);

Answer 1

Problem

Data is not being filtered when a search key is typed.

According to the documentation on the plugin site: https://select2.org/data-sources/ajax

Select2 expects Results from the remote endpoint to be Filtered on the server side.

Translation

Select2 expects results returned by endpoint set remote are filtered from the server side.

Example

In this example date is a function allows you to customize the url of the query, on the server side these parameters should be used to filter the returned list.

Query Parameters will be ? search=[term]&type=public

$('#mySelect2').select2({
  ajax: {
    url: 'https://api.github.com/orgs/select2/repos',
    data: function (params) {
      var query = {
        search: params.term,
        type: 'public'
      }

      // Query parameters will be ?search=[term]&type=public
      return query;
    }
  }
});