ajaxリクエストでCORSエラーが発生しました

Question

私はajaxでこのリクエストを行っていますが、CORSに関する次のエラーがあります。 XMLHttpRequestはhttps://cubber.zendesk.com/api/v2/organizations/37520251/users.jsonをロードできません。要求ヘッダーフィールドAccess-Control-Allow-Originは、プリフライト応答でAccess-Control-Allow-Headersによって許可されません。 あなたは（私は多くのトピックを見ていると、それはあなたがjsonpを使用してこの問題を回避でき

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

が動作していない理由を私はまだ理解していない私にPLSのを助けることができる。jsonpにdataTypeを変更するので、あなたのGET要求があることを

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