jquery - 如何在 Select2 ajax 调用中发送参数?

标签 jquery ajax jquery-select2

我在 select2 中进行了 ajax 调用,但我不确定如何将我的参数发送给它。我正在执行 GET,需要将 x_id 发送到后端以获取 y_id 和 y_name 数组。我看过很多帖子,他们谈论 POST 方法和查询。下面的代码是一个示例,但我将如何根据 GET 调用来完成我的任务。

$(".js-example").select2({
ajax: {
  url: $element.data("url"),
  type: "POST",
  quietMillis: 100,
  data: function (term, page) {
    return {
      query: term,
      page: page,
      pageLimit: 25
    };
  },
  results: function (data, page) {
    return data;
  }
}
}

最佳答案

通过 GET 请求,您可以将其附加到查询字符串中的 URL。当使用 jQuery AJAX 时,这是通过将类型参数更改为 GET 并使用 data 属性来实现的。当 jQuery 发送请求时,它将在查询字符串中附加数据参数中的键值对。

$(".js-example").select2({
ajax: {
  url: $element.data("url"),
  type: "GET",
  quietMillis: 100,
  data: function (term, page) {
    return {
      query: term,
      page: page,
      pageLimit: 25,
      <x_id>: x_id
    };
  },
  results: function (data, page) {
    return data;
  }
}
}

关于jquery - 如何在 Select2 ajax 调用中发送参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41492199/

相关文章:

javascript - 渲染 Canvasjs 图表后更改 div 边框

javascript - 异步加载javascript文件

jquery - 有什么方法可以检查元素是否已应用 jquery select2 ?

javascript - 如何在 select2 下拉列表中换行?

javascript - 2 个使用 Ajax 的 Bootstrap 登录模式,只有 1 个有效

Jquery bootstrap select2 插件问题与验证插件

javascript - 选择 2 ajax : preselected data in edit mode

javascript - 如何触发浏览器的实际 "Enter"按键事件?

javascript - Jquery 函数处理程序复杂

javascript - 未捕获的语法错误 : Unexpected token : & invalid label errors