如何使用 POST 方法获取 select2 的数据答案

【问题标题】：How to get data of select2 with POST method如何使用 POST 方法获取 select2 的数据
【发布时间】：2021-07-06 10:42:22
【问题描述】：

我需要用 POST 方法返回 select2 的数据。有谁知道我能做什么？我试过这个，但甚至没有工作。

$("#action").select2({
  allowHtml: true,
  ajax: {
    type: "POST",
    url: URL,
    headers: {
      "Content-Type": "application/json",
      Authorization: "Bearer " + localStorage.getItem("api_token")
    },
    dataType: "json",
    data: function(term, page) {
      console.log(term);
      return {
        string: term
      };
    },
    processResults: function(data) {
      console.log(data);
      return {
        results: data.map(item => {
          return {
            text: item.title,
            id: item.id
          };
        })
      };
    }
  },
  allowClear: !0
});

&lt;input class="form-control" id="action"&gt;

代码甚至不显示日志。

【问题讨论】：

要调试 AJAX 请求，请使用 devtools 的网络选项卡。您将在那里看到请求，以及它的 statusCode 和 responseText。他们应该给你足够的信息来开始调试
它甚至不调用网络中的ajax方法@RoryMcCrossan
控制台有错误吗？
@RoryMcCrossan 不，没什么！

标签： javascript jquery jquery-select2

【解决方案1】：

问题是我添加了输入而不是选择标签我解决了这样的问题

$("#action").select2({
  allowHtml: true,
  ajax: {
    type: "POST",
    url: URL,
    headers: {
      "Content-Type": "application/json",
      Authorization: "Bearer " + localStorage.getItem("api_token")
    },
    dataType: "json",
    data: function(term, page) {
      console.log(term);
      return {
        string: term
      };
    },
    processResults: function(data) {
      console.log(data);
      return {
        results: data.map(item => {
          return {
            text: item.title,
            id: item.id
          };
        })
      };
    }
  },
  allowClear: !0
});

&lt;select class="form-control" id="action"&gt;&lt;/select&gt;

【讨论】：