2017-11-15 7 views
1

JSON 데이터를 html 테이블로 가져 오려고합니다. 다른 유형의 데이터가 있습니다. 제 경우에는 테이블에있는 "링크"데이터 유형 만보아야합니다. JSON 데이터입니다. JSON을 html (테이블) 필터링 결과로 가져 오기

{ "data": [ 
    { 
    "type": "photo", 
    "created_time": "2017-11-15T14:30:43+0000", 
    "permalink_url": "https://www.facebook.com/LaFokaES/posts/693061044378702", 
    "shares": { 
     "count": 2270 
    }, 
    "id": "104957429855736_693061044378702" 
    }, 
    { 
    "type": "link", 
    "created_time": "2017-11-15T02:34:46+0000", 
    "permalink_url": "https://www.facebook.com/LaFokaES/posts/692656794419127", 
    "shares": { 
     "count": 86 
    }, 
    "id": "104957429855736_692656794419127" 
    }, 
    { 
    "type": "photo", 
    "created_time": "2017-11-15T00:34:50+0000", 
    "permalink_url": "https://www.facebook.com/LaFokaES/posts/692493157768824", 
    "shares": { 
     "count": 1628 
    }, 
    "id": "104957429855736_692493157768824" 
    }, 
    { 
    "type": "photo", 
    "created_time": "2017-11-14T23:51:53+0000", 
    "permalink_url": "https://www.facebook.com/LaFokaES/posts/692442954440511", 
    "shares": { 
     "count": 6239 
    }, 
    "id": "104957429855736_692442954440511" 

내가 가지고있는 코드 :

<body> 
    <input type="text" class="txtPagina"> 
    <button class="btnBuscar">Buscar</button> 
    <table class="tabla" border='1'> 
     <tr> 

      <td>Type</td> 
      <td>created time</td> 
      <td>permalink url</td> 
      <td>Shares Count</td> 


     </tr> 
    </table> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 


    $(document).ready(function(){ 
      $('.btnBuscar').on('click', function(){ 
       var pagina = $('.txtPagina').val(); 
      //Ajax 
      $.ajax({ 
       type: "GET", 
       dataType: "json", 
       url: "https://graph.facebook.com/"+pagina+"/feed?fields=type,created_time,permalink_url,shares&limit=25& access_token=(mytoken)", 
       success: function(data){ 


    $.each(data.data, function(i, d){ 
     var s = d.shares ? '<td>'+d.shares.count+'</td>' : ''; 
     $('.tabla').append('<tr><td>'+d.type+'</td><td>'+d.created_time+'</td><td>'+d.permalink_url+'</td>'+s+'</tr>'); 
     }); 
    }, 
        error: function(){ 
         console.log("Error"); 

그리고 이것이 내가지고있어 결과입니다 :

enter image description here

당신은 내가 사진을 받고 있어요 볼 수 있듯이 및 링크를 볼 필요가 있습니다.

답변