ajax - ajax 请求的 401（未经授权）错误（需要用户名和密码）

Question

我正在发出 ajax 请求以从 webtrends 检索 json 数据 - 一项需要登录的服务。我在我的 ajax 请求中传递了用户名和密码，但仍然给我一个 401 未经授权的错误。我尝试了 3 种不同的方法 - 但没有运气。有人可以帮我找到解决方案吗？

1.   $.getJSON('https://ws.webtrends.com/..?jsoncallback=?', { format: 'jsonp', suppress_error_codes: 'true', username: 'xxx', password: 'xxx', cache: 'false' }, function(json) {
         console.log(json);        
       alert(json);
  });


2.  $.ajax({
    url: "https://ws.webtrends.com/../?callback=?",
    type: 'GET',
    cache: false,
    dataType: 'jsonp',
    processData: false,
    data: 'get=login',
            username: "xxx",
            password: "xxx",
    beforeSend: function (req) {
        req.setRequestHeader('Authorization', "xxx:xxx");
    },
    success: function (response) {
        alert("success");
    },
    error: function(error) {
      alert("error");
    }
});

3. window.onload=function() {
var url = "https://ws.webtrends.com/...?username=xxx&password=xxx&callback=?";
var script = document.createElement('script');
script.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(script);
}

function parseRequest(response) {
                try  {
alert(response);
}
catch(an_exception)  {
                    alert('error');
                }
}

Answer 1

当您使用命名回调函数并在 url 中使用基本身份验证时，方法 3可能会起作用。请注意，尽管许多浏览器不接受 url-authentication（或任何名称）。如果你想试试，你可以这样重写：

window.onload = function() {
 var url = "https://xxx:xxx@ws.webtrends.com/...?callback=parseRequest";
 var script = document.createElement('script');
 script.setAttribute('src', url);
 document.getElementsByTagName('head')[0].appendChild(script);
}

function parseRequest(response) {
  try  {
     alert(response);
  }
  catch(an_exception)  {
     alert('error');
  }
}