getJSON 和不記名令牌

Question

我有一個有效的 getJSON 腳本來輸出 JSON 字符串。 但是使用不記名令牌 api 它不起作用。

在我的 Http Header 中已經包含.. 授權：Bearer Mytoken

有人對我有什么想法嗎？

    <div id = "stage" style = "background-color:#cc0;">
         STAGE
      </div>

      <input type = "button" id = "driver" value = "Load Data" />

<script>
         $(document).ready(function() {

            $("#driver").click(function(event){
               $.getJSON('https://www.myapiwithbtoken.com/result.json', function(jd) {
                  $('#stage').html('<p> Name: ' + jd.name + '</p>');
                  $('#stage').append('<p>Age : ' + jd.age+ '</p>');
                  $('#stage').append('<p> M: ' + jd.m+ '</p>');
               });
            });

         });
      </script>

Answer 1

當您發出請求時，您將想要使用另一種方法將不記名令牌附加到您的標頭。 使用您提供的代碼，它似乎不會這樣做。 看一下 $.ajax 方法，下面是一個發起 GET 請求的例子。

你可以看到你得到了一個“完成”和“失敗”的回調方法來處理......

$.ajax({
    type: "GET", //GET, POST, PUT
    url: '/authenticatedService'  //the url to call
    contentType: contentType,           
    beforeSend: function (xhr) {   //Set token here
        xhr.setRequestHeader("Authorization", 'Bearer '+ token);
    }
}).done(function (response) {
    //Response ok. Work with the data returned
         $('#stage').html('<p> Name: ' + response.name + '</p>');
         $('#stage').append('<p>Age : ' + response.age+ '</p>');
         $('#stage').append('<p> M: ' + response.m+ '</p>');

}).fail(function (err)  {
    //Handle errors here
         $('#stage').append('<p>error with fetching results</p>');
});