jquery - 将自定义 header 传递给 Select2 上的 Ajax 请求

Question

我们正在尝试在Select2中实现Ajax远程数据加载:-

 $scope.configPartSelect2 =  {
        minimumInputLength: 3,
        ajax: {
            url: "/api/Part",
           // beforeSend: function (xhr) { xhr.setRequestHeader('Authorization-Token', http.defaults.headers.common['Authorization-Token']); },
          //  headers: {'Authorization-Token': http.defaults.headers.common['Authorization-Token']},
            data: function (term, page) {
                return {isStockable: true};
            },
            results: function (data, page) {
                // parse the results into the format expected by Select2.
                // since we are using custom formatting functions we do not need to alter remote JSON data
                  return { results: data };

            }
        }
    };

我们正在使用 AngularJS。对于每个 Http 请求，我们默认将 Authtoken 设置为 header 。但不知怎的，它不能与 Select2 Ajax 请求结合使用。在上面的代码中，注释的代码是我失败的尝试。

Answer 1

取自 select2 的演示页面:

Select2 will pass any options in the ajax object to jQuery's $.ajax function, or the transport function you specify.

使用 JQuery 2+，我能够成功设置 OAuth 2.0 和 Content-Type header 。

ajax: {
    headers: {
        "Authorization" : "Bearer "+Cookies.get('accessToken'),
        "Content-Type" : "application/json",
    },
}