estoy haciendo esta solicitud en ajax pero todavía tengo este siguiente error sobre CORS: XMLHttpRequest no puede cargar https://cubber.zendesk.com/api/v2/organizations/37520251/users.json . El campo de encabezado de solicitud Access-Control-Allow-Origin no está permitido por Access-Control-Allow-Headers en la respuesta de verificación previa. ¿Me pueden ayudar por favor (he visto muchos temas y todavía no entiendo por qué no funciona)
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); } }) }Puede evitar esto usando jsonp . Cambie el tipo de jsonp dataType que su solicitud GET sea la siguiente
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); } }) }