자바 스크립트에서 v3 URL API를 사용하여 YouTube 동영상 제목을 가져 오는 방법 w Ajax 및 JSON

Question

YouTube 동영상 제목을 가져 오는 중입니다. 그것을 이해하는 것처럼 보이지 않습니다. 지금까지 나는 이것을 가지고 다음 jQuery 코드는 비디오의 제목을 가져옵니다

Answer 1

가 나는

https://www.googleapis.com/youtube/v3/videos?id=itemId&key=apiKey&fields=items(snippet(title))&part=snippet 

와 구문 그래서, 많은 잘못하지

alert(data.items[0].snippet.title); 

를 사용하여 작업있어! 하지만 문제가 실제로 Google API의 '허용 된 리퍼러'를 설정할 때 백엔드에 있다는 것을 알았습니다. V3 API를 사용하면 API가 속해야하는 리퍼러를 선택할 수 있으므로 다른 사용자가 API를 훔쳐서 사용할 수 없습니다. 따라서 요청한 도메인 이름/IP를 기반으로 요청을 보낸 경우 API가 작동합니다. 제한을주지 않으면 코드가 작동하지만 내 도메인에 들어가면 실패합니다! 나는 .mydomainname.com/을 입력했는데 제안 된 것과 같은 형식이지만 어떻게 든 오류가납니다. 이제는 왜 그 이유를 알아 냈습니다.

Answer 2

 q = 'https://www.googleapis.com/youtube/v3/videos?id='+ itemId +'&key='+ ytApiKey +'&fields=items(snippet(channelId,title,categoryId))&part=snippet' ; 

$.ajax({ 
     url: q, 
     dataType: "jsonp", 
     success: function(data){ 
       alert(data.items[0].title); 
       console.log(data.snippet.title);    
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      alert (textStatus, + ' | ' + errorThrown); 
     } 
    }); 

감사합니다.

$.ajax({ 
     url: "https://www.googleapis.com/youtube/v3/videos?id=" + videoId + "&key="+ apiKey + "&fields=items(snippet(title))&part=snippet", 
     dataType: "jsonp", 
     success: function(data){ 
       console.log(data.items[0].snippet.title);   
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      alert (textStatus, + ' | ' + errorThrown); 
     } 
    });