No-Control-Allow-Originカレンダーのget events apiを呼び出しているときに発生する

Outlookカレンダーからイベントを認証して取得しようとしています。ユーザーにログインして認証することはできますが、イベントを取得しようとしているときは、起点の問題が発生しています。終わりNo-Control-Allow-Originカレンダーのget events apiを呼び出しているときに発生する

<button id="SignIn" onclick="signIn()">Sign In</button> 
 
<h4 id="WelcomeMessage"></h4> 
 
    
 
<script src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.12/js/adal.min.js"></script> 
 
<script> 
 
    var ADAL = new AuthenticationContext({ 
 
     instance: 'https://login.microsoftonline.com/', 
 
     tenant: 'common', //COMMON OR YOUR TENANT ID 
 

 
     clientId: '<its my client id>', //This is your client ID 
 
     redirectUri: 'http://localhost:8000', //This is your redirect URI 
 

 
     callback: userSignedIn, 
 
     popUp: true 
 
    }); 
 

 
\t window.authContext = new AuthenticationContext(ADAL); 
 

 
    var isCallback = authContext.isCallback(window.location.hash); 
 
    authContext.handleWindowCallback(); 
 
    
 
    function signIn() { 
 
     ADAL.login(); 
 
    } 
 

 
    function userSignedIn(err, token) { 
 
     console.log('userSignedIn called'); 
 
     if (!err) { 
 
      console.log("token: " + token); 
 
      showWelcomeMessage(); 
 
     } 
 
     else { 
 
      console.error("error: " + err); 
 
     } 
 
    } 
 

 
    function showWelcomeMessage() { 
 
     var user = ADAL.getCachedUser(); 
 
     var divWelcome = document.getElementById('WelcomeMessage'); 
 
     divWelcome.innerHTML = "Welcome " + user.profile.name; 
 
\t loadEvents(); 
 
    } 
 

 
    function loadEvents() { 
 
    console.log("in load events"); 
 
    var xhr = new XMLHttpRequest(); 
 
    xhr.open("GET", "https://outlook.office.com/api/v2.0/me/calendarview?startDateTime=2016-10-01T01:00:00&endDateTime=2016-10-31T23:00:00&$select=Subject", true); 
 
    xhr.send();} 
 
</script>

これは私のエラーでスクリプトを実行した後：

ここに私のコードスニペットです。