CORS Fehler mit AJAX-Anfrage

Question

Ich mache diese Anfrage in AJAX, aber ich habe immer noch diese folgende Fehlermeldung über CORS: XMLHttpRequest kann https://cubber.zendesk.com/api/v2/organizations/37520251/users.json nicht geladen werden. Anforderungsheaderfeld Access-Control-Allow-Origin ist in der Preflight-Antwort von Access-Control-Allow-Header nicht zulässig. Können Sie mir helfen pls (i viel Thema gesehen haben und ich verstehe immer noch nicht, warum es nicht funktioniert

function afficheorga(a){ 
     $.ajax({ 
      url: "https://cubber.zendesk.com/api/v2/users/"+a+"/organizations.json", 
      type: 'GET', 
      dataType: 'json', 
      cors: true , 
      contentType:'application/json', 
      secure: true, 
        headers: { 
         'Access-Control-Allow-Origin': '*', 
        }, 
      beforeSend: function (xhr) { 
       xhr.setRequestHeader ("Authorization", "Basic " + btoa("")); 
      }, 
      success: function (data){ 
      console.log(data.organizations[0].name); 
      var organisation = data.organizations[0].name; 
      $("#company").text(organisation); 
      } 
     }) 
    } 

Answer 1

Sie um dies durch den Einsatz jsonp bekommen können. Ändern dataType zu jsonp so Ihre GET Anfrage zu sein wie folgt

function afficheorga(a){ 
     $.ajax({ 
      url: "https://cubber.zendesk.com/api/v2/users/"+a+"/organizations.json", 
      type: 'GET', 
      dataType: 'jsonp', 
      cors: true , 
      contentType:'application/json', 
      secure: true, 
        headers: { 
         'Access-Control-Allow-Origin': '*', 
        }, 
      beforeSend: function (xhr) { 
       xhr.setRequestHeader ("Authorization", "Basic " + btoa("")); 
      }, 
      success: function (data){ 
      console.log(data.organizations[0].name); 
      var organisation = data.organizations[0].name; 
      $("#company").text(organisation); 
      } 
     }) 
}