jQuery ajax Anfrage kann XHR fertig GET, aber nicht autorisiert?

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' 
      }) 
     }); 

ich von API GET JSON will über Jquery Ajax-Funktion, über meinen Code-Schnipsel, aber die CORS-Politik des Ajax-Block, hier ist die Konsole Nachricht.

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'); 
        } 
       }) 
      }); 

Aber immer noch nicht funktioniert.

Irgendwelche Vorschläge, um dieses Problem zu beheben? Danke

Answer 1

versuchen die folgende

 $.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'); 
      }, 

     });