jQuery-无法提交用户名密码并导致未经授权的401

Question

当我使用Google chrome浏览器打开此URL http://www.site.nl/a/b/c/d/e?niss=f ，它首先要求输入用户名密码：

当我手动输入用户名密码时，会得到一些数据。

现在，使用jQuery如何提交用户名密码？ 以下操作无效，始终在提交失败后显示“ 401未经授权”

$(document).ready(function() {  
  $.ajax({
    type: "GET",
    url: "http://www.site.nl/a/b/c/d/e?niss=f",
    dataType: 'json',
    async: false,
    headers: {
      "Authorization": "Basic Username1:password1234"
    },
    data: '{ "test" }',
    success: function (data, textStatus, jqXHR){
      console.log(data, textStatus, jqXHR);
    }
  });  
});

Answer 1

请尝试以下代码

$(document).ready(function() {  
  $.ajax({
    type: "GET",
    url: "http://www.site.nl/a/b/c/d/e?niss=f",
    dataType: 'json',
    async: false,
    data: '{ "test" }',
    beforeSend: function(xhr)
    {
      xhr.setRequestHeader('Authorization', make_base_auth("Username1", "password1234"));
    },
    success: function (data, textStatus, jqXHR){
      console.log(data, textStatus, jqXHR);
    }
  });  
});

function make_base_auth(user,password)
{
  var tok = user + ':' + password;
  var hash = btoa(tok);
  return "Basic " + hash;
} // ends