URLからjsonデータを取得する方法は？

Question

jsonデータの内部要素を取得できません。 Here's jsonデータのリンク。ここで

は私のコードです：注意すべき

$(document).ready(function() { 

    //after button is clicked we download the data 
    $('.button').click(function(){ 

     //start ajax request 
     $.ajax({ 
      url: "http://www.miamia.co.in/dummy/?json=get_recent_posts", 
      //force to handle it as text 
      dataType: "text", 
      success: function(data) { 

       //data downloaded so we call parseJSON function 
       //and pass downloaded data 
       var json = $.parseJSON(data); 
       //now json variable contains data in json format 
       //let's display a few items 
    $('#results').html('Pages:'+ json.pages + '<br />postid: '+json.posts.id);//here I am not able to get the id 
      } 
     }); 
    }); 
}); 

Answer 1

もの：

1. dataType: "JSON"
2. データが返さはJSONですので、JSON
3. にそれを解析する必要はありませんそれは、data.posts[0].idです〜ではないdata.posts.id

以下のデモが動作します。 console.logまたはブラウザのデベロッパーコンソールで返されたjsonコンテンツを調べることができます。

$(document).ready(function() { 
 

 
    //after button is clicked we download the data 
 
    $('body').on("click", "#button", function() { 
 

 
    //start ajax request 
 
    $.ajax({ 
 
     url: "http://www.miamia.co.in/dummy/?json=get_recent_posts&callback=?", 
 

 
     dataType: "JSON", 
 
     success: function(data) { 
 
     console.log(data); 
 
     //let's display a few items 
 
     $('#results').html('Pages:' + data.pages + '<br />postid: ' + data.posts[0].id); //here I am not able to get the id 
 
     } 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<div id="results"> 
 

 
</div> 
 
<input id="button" type="button" value="Get posts">