개발자의 끄적끄적

[javascript] instagram 파싱하기 본문

개발/javascript & jquery

[javascript] instagram 파싱하기

효벨 2020. 7. 8. 03:00
728x90
반응형

 

[javascript] instagram 파싱하기

 


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
    <script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
 </head>
 <body>
    <div id="instar">
    </div>

 </body>
 <script>


 $.ajax({
    url:'https://www.instagram.com/파싱하고자하는 사이트 주소/?__a=1',
    success:function(data){
        for(var ins=0;ins<data.graphql.user.edge_owner_to_timeline_media.edges.length;ins++){
            console.log(data.graphql.user.edge_owner_to_timeline_media.edges[ins]);
            console.log(data.graphql.user.edge_owner_to_timeline_media.edges[ins].node.edge_media_to_caption.edges[0].node.text);
            $("#instar").append("<img src='"+data.graphql.user.edge_owner_to_timeline_media.edges[ins].node.display_url+"'/>");
        }
    }
})
</script>

 

javascript로 인스타그램 파싱할때 위처럼 ajax 로 파싱하면 가능합니다!!!

 

파싱하고자 하는 사이트 주소 맨 뒤에 /?__a=1 을 추가하시면 html 형태로 object가 가져와집니다!!

 

참고들하세용!

반응형
Comments