Select2：使用来自远程数据的数组进行标记？

Question

我从 Select2 开始。我想结合“标记支持”和“加载远程数据”（参见http://ivaynberg.github.io/select2/）。

在 HTML 文件的正文中，我现在有一个输入表单：

<input id="topics">

带有“标记支持”，使用由数组给出的标记列表，如 HTML 文件头部的以下脚本所示：

$("#topics").select2({
     placeholder: "Choose topic(s)",    
     tags:["russia", "europe", "obama"]
}); 

我还有一个服务器，使用 Express 在 Node.js 中制作，连接到数据库。我知道如何在服务器端处理与数据库相关的请求（POST 或 GET）。

对于我的 HTML 文件的输入形式，我希望使用服务器提供的数据数组，而不是数组 ["russia", "europe", "obama"]。

我怎么写？

谢谢！

Answer 1

后端

你必须像这样创建一条短途：

app.get('/foo/bar.json', function(req, res){
     //...
     res.send(data);
}

前端

$("#topics").select2({
    placeholder: "Search for a movie",
    minimumInputLength: 1,
    ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
        url: "/foo/bar.json",
        dataType: 'json',
        results: function (data, page) { // parse the results into the format expected by Select2.
            // since we are using custom formatting functions we do not need to alter remote JSON data
            return {results: data};
        }
    },
});

JSON 对象可以是/包含数组。见https://ivaynberg.github.io/select2/#data