PHP output to JS to render as HTML

Question

I have this output that I got from my PHP page:

{"schedules":{"Event_Date":"2011-03-12","Meet_Name":"Time Trials ","Duration":"9:00am-12:00pm","Location":"Agoura High School","Address":"28545 Driver Ave","City":"Agoura Hills","State":"CA","Postal":"91301"}}

I would like to render this output as HTML using this Javascript code:

var serviceURL = "http://localhost/";

var schedules;

$('#Schedule').bind('pageinit', function(event) {
getScheduleList();
});

function getScheduleList() {
    $.getJSON(serviceURL + 'get_Mobile_Schedule.php', function(data) {
        $('#schedulelist li').remove();
        schedules = data.items;
        $.each(schedules, function(index, item) {
            $('#schedulelist').append('<li><h4>' + item.Event_Date +'</h4>'
                    ); 
        });
        $('#schedulelist').listview('refresh');
    });
}

But it seems that I cannot get anything to render.

Does anyone have any suggestions?

Thanks!

firebug is good friend , also check that you are sending json headers ,before you echo the string. — sakhunzai
– sakhunzai, Commented Mar 28, 2012 at 15:06

Niet the Dark Absol · Accepted Answer · 2012-03-28 15:02:29Z

2

schedules = data.items - data does not contain a property named items. You probably want schedules = data.schedules instead.

answered Mar 28, 2012 at 15:02

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wandering Digital · Accepted Answer · 2012-03-28 15:09:46Z

0

Your JSON has an extra '}' at the end. JQuery won't recognize it if it's malformed.

Also, bindings should happen within the jquery 'ready' function. Try this:

$(document).ready({function() {
    $('#Schedule').getSced = getScheduleList();
    ...

answered Mar 28, 2012 at 15:09

Wandering Digital

1,8682 gold badges23 silver badges28 bronze badges

Comments

Tei · Accepted Answer · 2012-03-28 15:34:18Z

0

even if it works for you, try to use this instead

'<li><h4>' + item.Event_Date +'</h4></li>'

the not closed tag can be a problem.

answered Mar 28, 2012 at 15:34

Tei

1,4169 silver badges6 bronze badges

Collectives™ on Stack Overflow

PHP output to JS to render as HTML

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related