Question

i’ve been working with this for a while and i can’t seem to figure it out
i posted a question and it had a couple good answers I’m currently using the code from the second answer (you should read my first post to to understand where I’m coming from) parsing nested JSON String objects with JQuery/PHP?

so based on the code User: Useless Code

its working perfectly, but the problem is the data is included in the same page file and is only once album… i need to pull the json from

http://www.ggcc.tv/json2php/posts.php

and have the main index page ggcc.tv/json2php/index.html list all the albums and content from post.php

please help and use full code (since I’m new to json/php/jquery etc…

Code being used as suggested from user: Useless Code

so basically i need the code (as suggested from user: useless code) to pull data/each album from http://www.ggcc.tv/json2php/posts.php and list each album and its tracks

please read this posts my original post and leave your answer here, Thank you

Answer 1

Try this:

<script type="text/javascript">
  $(document).ready(function() {
    var url="/json2php/posts.php";
    $.getJSON(url,function(data){
      $.each(data.posts,function(i,post) {
        var content,
        trackInfo = '',
        tracks = post.tracks;

        // loop over the tracks and collect info
        $.each(tracks, function (i) {
          trackInfo += '<a href="' + tracks[i].url + '">' + tracks[i].name + '</a> ';
        });

        content = '<div class="post">'+
        '<h1>'+post.album+'</h1>'+
        '<p><img src="'+post.artwork+'"width="250"></img></p>'+
        '<p><strong>'+post.church+'</strong></p>'+
        '<p>Description: <strong>'+post.des+'</strong></p>'+
        '<p>Base url:  <em>'+post.baseurl+'</em></p>'+
        '<p>Tracks:  <li>'+ trackInfo +'</li></p>';
        '<hr>'+
        '</div>'

        $("#content").append(content);
      });
    });
  });
</script>

Also, is the posts.php that you are connecting to on the same domain as this list page? I assumed it was, but if it is not then you should know that the browser will prevent cross-domain communications, but the server will not so you can get around this by creating a file at webroot/json2php/posts.php with the following:

<?php
  echo file_get_contents('http://www.ggcc.tv/json2php/posts.php');
?>