Javascript 使用从Django序列化的JSON数据选择2

我有由Django序列化创建的JSON数据。 我举一个例子： 但我还是在一个没有发现的领域里得到了信息

select2如何处理Django生成的数据

JSON数据：

[{
    "fields": {
        "sku": "8"
    },
    "model": "catalog.product",
    "pk": 8
},{
    "fields": {
        "sku": "9"
    },
    "model": "catalog.product",
    "pk": 9
}]

Html:

select2/select2

JavaScript:

$('.js-data-example-ajax').select2({
  ajax: {
  url: "{% url 'catalog.views.product_sku_json' %}",
  dataType: 'json',
  delay: 250,
  data: function (params) {
    return {
      q: params.term, // search term
      page: params.page
    };
  },
  processResults: function (data, params) {
    // parse the results into the format expected by Select2
    // since we are using custom formatting functions we do not need to
    // alter the remote JSON data, except to indicate that infinite
    // scrolling can be used
    params.page = params.page || 1;

  return {
    results: data.items,
    pagination: {
      more: (params.page * 30) < data.total_count
    }
  };
},
  cache: true
},
escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
minimumInputLength: 1,
});

$（'.js数据示例ajax'）。选择2({
阿贾克斯：{
url:“{%url'目录.视图.产品\u sku\u json%}”，
数据类型：“json”，
延误：250，
数据：函数（参数）{
返回{
q:params.term，//搜索项
页码：params.page
};
},
processResults：函数（数据、参数）{
//将结果解析为Select2所需的格式
//因为我们使用的是自定义格式函数，所以不需要
//更改远程JSON数据，除非指示无限
//可以使用滚动
params.page=params.page | | 1；
返回{
结果：数据项，
分页：{
更多：（params.page*30）

凯文·布朗在github上的回答：

您将需要重新映射结果，以具有id和文本键

---

谢谢你，凯文

该链接不再起作用，但此链接很有用：

$('.js-data-example-ajax').select2({
  ajax: {
  url: "{% url 'catalog.views.product_sku_json' %}",
  dataType: 'json',
  delay: 250,
  data: function (params) {
    return {
      q: params.term, // search term
      page: params.page
    };
  },
  processResults: function (data, params) {
    // parse the results into the format expected by Select2
    // since we are using custom formatting functions we do not need to
    // alter the remote JSON data, except to indicate that infinite
    // scrolling can be used
    params.page = params.page || 1;

  return {
    results: data.items,
    pagination: {
      more: (params.page * 30) < data.total_count
    }
  };
},
  cache: true
},
escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
minimumInputLength: 1,
});