jQuery ajaxリクエストはXHRがGETを完了できますが、許可されていませんか？

Question

 $(document).ready(function() { 

      $.ajax({ 
       type: "GET", 
       dataType: "json", 
       contentType: "text/plain", 
       xhrFields: { 
        withCredentials: true 
       }, 
       url: 'http://kitabisa.xyz/api/v2/campaigns', 
       username: 'apps1', 
       password: 'XD6WVjhcq3JVrFRldrpjEpAyUXg5LFzS9cmiGuXL3TmE7bkLGR', 
       success: function(result) { 
        alert('done'); 
       }, 
       complete: 'callback' 
      }) 
     }); 

私はjQueryのAjaxの機能を経由してAPIからJSONを取得したい、上記の私のコードスニペットですが、CORSポリシーは、AJAXをブロックし、ここでのコンソールメッセージがあります。

I've tried the another method, I use beforeSend ajax here : 


$(document).ready(function() {    
       $.ajax({ 
        type: "GET", 
        dataType: "jsonp", 
        contentType: "text/plain", 
        xhrFields: { 
         withCredentials: true 
        }, 
        url: 'http://kitabisa.xyz/api/v2/campaigns', 
        beforeSend: function(xhr) { 
         xhr.setRequestHeader("Authorization", "Basic YXBwczE6WEQ2V1ZqaGNxM0pWckZSbGRycGpFcEF5VVhnNUxGelM5Y21pR3VYTDNUbUU3YmtMR1I=") 
        }, 
        username: 'apps1', 
        password: 'XD6WVjhcq3JVrFRldrpjEpAyUXg5LFzS9cmiGuXL3TmE7bkLGR', 
        success: function(result) { 
         alert('done'); 
        } 
       }) 
      }); 

しかし、まだない作品。

この問題を解決するための提案はありますか？

Answer 1

は、私たちはあなたの要求に作っているサーバが401許可されていないエラーを返すことを決定どのような条件の言うことができない、次の

 $.ajax({ 
      type: "GET", 
      dataType: "json", 
      contentType: "text/plain", 
      xhrFields: { 
       withCredentials: true, 
       username: 'apps1', 
      password: 'XD6WVjhcq3JVrFRldrpjEpAyUXg5LFzS9cmiGuXL3TmE7bkLGR' 
      }, 
      url: 'http://kitabisa.xyz/api/v2/campaigns', 
      success: function(result) { 
       alert('done'); 
      }, 

     });