用于基本授权的 ajax 设置标头不起作用

Question

这是我的代码，我想请求一个跨域url以使用基于基本授权的API。

但它不起作用。请求标头中没有显示授权信息。

$(document).ready(function () {
    $.ajaxSetup({
        headers: {
            'Authorization': "Basic amlhemhc6SUxvdmVAkYXk="),
            'Content-Type': 'application/json;charset=utf-8'
        }
    });
    var request = $.ajax({
        url: "http:localhost:8080/query",
        type: "POST",
        data: '{"sql":"select count(*) from summary"}',
        dataType: "json"
    });
    request.done(function (msg) {
        alert(msg);
    });

    request.fail(function (jqXHR, textStatus) {
        alert("Request failed: " + textStatus);
    });
});

Answer 1

你的 ajax 应该看起来像这样，如果它仍然不起作用，那么你可以看看我关于 CORS here 的帖子之一，看看你面临什么问题

ajaxOpts = {
        url:"https://"+server_name+"/post_link/",
        crossDomain:true,
        xhrFields: {withCredentials:true},
        type:'POST',
        data: jQuery('#some_form').serialize(),//or your data
        dataType:'json',
        success: {
            //do something
        },
        error: {
            //do something
        },
    };
    jQuery.ajax(ajaxOpts);

希望对你有帮助

Answer 2

尝试将以下回调添加到您的$.ajax()：

var request = $.ajax({
        url: "http:localhost:8080/query",
        type: "POST",
        data: '{"sql":"select count(*) from summary"}',
        dataType: "jsonp",
        processData: 'false',
        xhrFields: {
              withCredentials: 'true'
        },
        crossDomain: 'true'
    });