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

时间:2021-07-06 10:42:22

标签: javascript jquery jquery-select2

我需要使用 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
});
<input class="form-control" id="action">

代码甚至不显示日志。

1 个答案:

答案 0 :(得分:0)

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

/bin/bash
$("#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
});