选择不使用Ajax加载选项

Question

我正在使用ExpressJS为我所在的社区构建管理仪表板。我目前有一个模态，用于向数据库添加新游戏。数据是远程获取的，但是我很难让数据显示出来以选择它。

我能够使用console.log来显示正在检索的数据，但是我不确定在哪里不足。

代码

$(document).ready(function () {
            $('#ttitle').selectize({
                create: false,
                valueField: 'appid',
                labelField: 'name',
                searchField: 'name',
                closeAfterSelect: true,
                options: [],
                load: function (query, callback) {
                    if (!query.length) return callback();
                    $.ajax({
                        url: `/games/all?search=${encodeURIComponent(query)}`,
                        type: 'GET',
                        error: function () {
                            callback();
                        },
                        success: function (res) {
                            console.log(res.value)
                            callback(res.value);
                        }
                    });
                }
            });
        });

在搜索框中输入内容时，控制台会显示以下内容

HTML-如果重要

<div class="form-group">
   <label for="ttitle">Game Title</label>
   <select name="ttitle" id="ttitle">
      <option></option>
   </select>
</div>

Answer 1

searchField设置采用数组值（不是字符串），因此您需要将其更改为：

searchField: ['name']

否则，您的设置看起来会很好。