基本身份验证Rest调用以获取json数据

Question

在静态html页面中，我尝试进行REST GET调用以获取json数据。 我有一个URL，可以在浏览器中使用URL中的account + secret命中，并在浏览器中获取json数据。 我无法为您提供正确的URL，但这是这样的：

http://123456:ABCDEFGHIJKLM@media.fakename.com/Media/service/id/323847.json

我已经尝试了许多关于stackoverflow的示例，但均未成功！ 这是我尝试过的，然后我返回Error：error

 <script type="text/javascript">

function getRest(){

 $.ajax({
  type: 'GET',
  url: 'http://media.fakename.com/Media/service/id/323847.json',
  dataType: 'json',

  beforeSend: function (xhr) {
    xhr.setRequestHeader('Authorization', basicOath('123456', 'ABCDEFGHIJKLM'));
  },
  success: function () {
   var myvar = data;
   $(".text").html(myvar);
  },
  error: function(jqXHR, status) {
   $(".text").html("Error: " + status);
  }
 });
}

function basicOath(account, secret) {
 var tok = account + ':' + secret;
 var hash = btoa(tok);
 return 'Basic ' + hash;
}

</script>

和

<input id="clickMe" type="button" value="get rest" onclick="getRest();" />
<div class="text">abc <br />'

我能够尝试jquery示例进行rest调用以获取图像。 它运作完美。 http://api.jquery.com/jquery.getjson/，所以我知道我可以打个电话。

我究竟做错了什么？ 感谢您的帮助，因为我整理了堆栈和网络上的所有示例。 我撞到了砖墙。

Answer 1

beforeSend: function (xhr) {
    xhr.setRequestHeader ("Authorization", "Basic " + btoa(username + ":" + password));
},