Select2 AJAX Multiple无法正常工作

Question

所以我有一个select2 ajax选择器,当不使用多个时,它可以很好地工作,但是当我使用多个时,它基本上有时它可以工作,有些则不然.

    $('#organizations').select2(
    {
        placeholder: "Add Organizations!",
        minimumInputLength: 3,
        multiple: true,
        ajax: {
            url: "https://boilerprojects.com/organizations/search",
            dataType: 'json',
            quietMillis: 100,
            data: function (term, page) {
                return {
                q: term, // search term
                page_limit: 10
                };
            },
            results: function (data, page)
            {
                var more = (page * 10) < data.total;
                console.log(data.results);
                return { results: data.results, more: more };
            },
            dropdownCssClass: "bigdrop"
        },
    });

我的PHP返回的是: {"results":[{"id":"6","text":"LukePOLO"}]}

所以我得到的结果只是没有填充.

有人有主意吗？

Answer 1

如果您想使用该无限滚动选项,那么您的回答是错误的.

{"results":[{"id":"6","text":"LukePOLO"}]}

应该是这样的:

{"results":[{"id":"6","text":"LukePOLO"}], "total":"1"} //Total 1 result

你有关键的结果,但没有一个关键的总和.在你的帖子数据功能中,你也应该说你搜索的女巫页面.

$('#organizations').select2(
{
    placeholder: "Add Organizations!",
    minimumInputLength: 3,
    multiple: true,
    ajax: {
        url: "https://boilerprojects.com/organizations/search",
        dataType: 'json',
        quietMillis: 100,
        data: function (term, page) {
            return {
            q: term, 
            page_limit: 10,
            page: page //you need to send page number or your script do not know witch results to skip
            };
        },
        results: function (data, page)
        {
            var more = (page * 10) < data.total;
            return { results: data.results, more: more };
        },
        dropdownCssClass: "bigdrop"
    }
});