Custom ajax implementation with Select2 - angular, xhr friendly

select2-custom-ajax

S2.define('select2/data/remoteQuery', [
  './array',
  '../utils',
  'jquery'
], function (ArrayAdapter, Utils, $) {
    function RemoteQueryAdapter($element, options) {
        this.ajaxOptions = this._applyDefaults(options.get('remoteQuery'));

        if (this.ajaxOptions.processResults != null) {
            this.processResults = this.ajaxOptions.processResults;
        }

        RemoteQueryAdapter.__super__.constructor.call(this, $element, options);
    }

    Utils.Extend(RemoteQueryAdapter, ArrayAdapter);

    RemoteQueryAdapter.prototype._applyDefaults = function (options) {
        var defaults = {
            data: function (params) {
                return {
                    q: params.term
                };
            },
            transport: options
        };
        return $.extend({}, defaults, options, true);
    };

    RemoteQueryAdapter.prototype.processResults = function (results) {
        return results;
    };

    RemoteQueryAdapter.prototype.query = function (params, callback) {
        var matches = [];
        var self = this;

        this.ajaxOptions.transport({
            params: params,
            callback: callback
        });
    };

    return RemoteQueryAdapter;
});