GraphQL Ajax 요청 받기

Question

graphQL Ajax GET 요청을 작성하는 방법을 파악하려고합니다. 브라우저에 complete url을 입력하면 데이터가 반환됩니다. 나는 아약스 GET 방식을 통해 데이터를 얻을하려고 시도하지만

: 내가 갖는

$.get({ 
    url: 'https://ltbliqkb1c.execute-api.eu-west-1.amazonaws.com/thomas/query?query=%7B%20book(id:%229789024576807%22)%20%7B%20bol%20%7B%20id%20%7D%20itunes%20%7B%20beschikbaar%20%7D%20%7D%7D', 
    contentType: 'application/json', 
    crossDomain:true, 
    headers: { 
     'Access-Control-Allow-Origin': 'https://ltbliqkb1c.execute-api.eu-west-1.amazonaws.com/', 
     'Access-Control-Allow-Credentials': true 
    } 

}).done(function(response) { 
    console.log('Data:', response.data); 
}); 

A : 요청 헤더 필드 :

는 https://ltbliqkb1c.execute-api.eu-west-1.amazonaws.com/thomas/query?query=%7B%20book(id:%229789024576807%22)%20%7B%20bol%20%7B%20id%20%7D%20itunes%20%7B%20beschikbaar%20%7D%20%7D%7D를로드하지 못했습니다 액세스 제어 허용 - 오리진을 허용하지 않습니다. 프리 플라이트 응답에서 액세스 제어 허용 헤더.

내 Graphql 쿼리 :

var test = JSON.stringify('{book(id:"9789047202363"){bol{id}}}') 
$.ajax({ 
    method: "GET", 
      url: "https://ltbliqkb1c.execute-api.eu-west-1.amazonaws.com/thomas/query?"+test, 
      contentType: "application/json", 
      crossDomain:true, 
      success: function(data) {  
       console.log('data',data); 
      }, 
      error: function(err) { 
       console.log(err); 
      } 
}); 

그리고 다음과 같은 변수를는 캐릭터 라인 화하기 :

var test= ` book($id: String!){ 
       bol{ 
       id, 
       ean, 
       mobileUrl, 
       desktopUrl 
       } 
       itunes{ 
       beschikbaar 
       auteur 
       titel 
       } 
      } 
      }` 

{ 
    book(id: "9789024576791") { 
    bol { 
     id 
    } 
    itunes { 
     beschikbaar 
    } 
    } 
} 

은 또한 다음과 같은 JS를 시도했습니다

Answer 1

access-control-allow-origin:*