Javascript 选择2不调用Ajax

我正在使用jQuerySelect2插件，并试图通过Ajax请求显示数据。但它并没有调用Ajax函数，我已经尝试了所有方法，但都不起作用。这是我的密码-

Html

我正在使用以下版本

JQuery-2.1.4

选择2-4.0.0

---

问题是，当我在select2的输入框中键入内容时，它没有调用这个ajax请求来获取数据。有人能帮我吗？

您可以按照下面的说明更改ajax调用

检查此链接以供参考。它包含类似的问题

$document.readyfunction{ var url=test.php； $'collection\u youtube\u videos'。选择2{ 最小输入长度：2， 标签：[]， 阿贾克斯：{ url:url， 数据类型：“json”， 数据：函数参数{ 变量查询={ //删掉多余的空格 搜索：params.term.replace/\s+/g.trim， } //查询参数将是？search=[term]&type=public 返回查询； }, processResults：函数数据{ //将响应对象的顶级键从“项”转换为“结果” 返回{ 结果：数据项 }; } } }; }; 挑选{ 宽度：200px； }

---

您可以按照下面的说明更改ajax调用

检查此链接以供参考。它包含类似的问题

$document.readyfunction{ var url=test.php； $'collection\u youtube\u videos'。选择2{ 最小输入长度：2， 标签：[]， 阿贾克斯：{ url:url， 数据类型：“json”， 数据：函数参数{ 变量查询={ //删掉多余的空格 搜索：params.term.replace/\s+/g.trim， } //查询参数将是？search=[term]&type=public 返回查询； }, processResults：函数数据{ //将响应对象的顶级键从“项”转换为“结果” 返回{ 结果：数据项 }; } } }; }; 挑选{ 宽度：200px； }

<select class="form-control " multiple="" data-placeholder="Select Youtube Videos" aria-hidden="true"  name="collection_youtube_videos[]" id="collection_youtube_videos"></select>

$(document).ready(function(){
    $('#collection_youtube_videos').select2({
        ajax: {
            url: url,
            dataType: 'json',
            data: function (params) {
                var query = {
                    //trim the extra whitespace
                    search: params.term.replace(/\s+/g, " ").trim(),
                }

                // Query parameters will be ?search=[term]&type=public
                return query;
            },
            processResults: function (data) {
                // Transforms the top-level key of the response object from 'items' to 'results'
                return {
                    results: data.items
                };
            }
        }
    });
});