jQuery-Ajax beforeSend基本身份驗證未按預期工作

Question

我正在嘗試使用ajax將請求發送到受以下基本代碼保護的服務器：

$('document').ready(function(){
        $.ajax({
          url: "https://somesite.com/somefolder",
          type: "POST",
          dataType: 'jsonp',
          beforeSend: function(xhr) {
                xhr.setRequestHeader ("Authorization", "Basic " + btoa('myusername' + ":" + 'mypassword'));
            },
          success: function(data){
            console.log('SUCCESS!');
          },
          error: function () {
            console.log("error");
            }
        });         
});

因此，我在beforeSend中提供了憑據，因此我的期望是瀏覽器不會彈出憑據，因為我已經提供了憑據，但是不幸的是，當我運行此代碼時，我得到了彈出窗口以輸入憑據。 我想在代碼中提供這些憑據。

Answer 1

與此問題類似，使用標頭的示例：

    $.ajax({
      url: "https://somesite.com/somefolder",
      type: "POST",
      dataType: 'jsonp',
      headers: {"Authorization": "Basic " + btoa('myusername' + ":" + 'mypassword')},
      success: function(data){
        console.log('SUCCESS!');
      },
      error: function () {
        console.log("error");
        }
    });