$("#cs").select2({
                width: '100%',
                language: "zh-CN",
                ajax: {
                    url: 'https://X.net/list',
                    type:"POST",
                    data: function(params){
                        // 传递到后端的参数
                        return JSON.stringify({
                            // 搜索框内输入的内容 searchInf 后端搜索的字段
                            "searchInfo": params.term,
                            // 当前页  pageIndex后端的字段
                            "pageIndex": (params.page - 1) || 0,
                            // 每页显示多少条记录,默认10条  pageSize后端的字段
                            "pageSize": 10   //pageSize接口入参
                        });
                    },
                    cache:true,
                    delay: 250,//等待用户输入完后的 在等250毫秒 进行搜索
                    processResults: function (data, page) {
                        page.page = page.page || 1;
                        console.log(data);
                        let array = [];
                        data.data.items.forEach(item =>{
                           let arr = {id:item.id,text:item.name};// select2 专用格式
                           array.push(arr);
                        })
                        console.log(array);
                        return {
                            results: array,// 处理过的数据
                            pagination: {
                                more: page.page < data.data.totalPages// 分页
                            }
                        };
                    },
                    escapeMarkup: function (markup) {
                        // 字符转义处理
                        return markup;
                    },
                    // 最少输入N个字符才开始检索,如果想在点击下拉框时加载数据,请设置为 0
                    minimumInputLength: 0,
                }
            });


中文文档:Ajax (远程数据) | Select 2 中文网

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐