Question

我从PHP页面获得了这个输出：

{"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"}}

我想使用此Javascript代码将此输出呈现为HTML：

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');
    });
}

但似乎我无法得到任何东西。

有人有任何建议吗？

谢谢！

Answer 1

schedules = data.items - data不包含名为items的属性。您可能需要schedules = data.schedules。

Answer 2

你的JSON最后有一个额外的'}'。如果它的格式不正确，JQuery将无法识别它。

此外，绑定应该在jquery'ready'函数中发生。试试这个：

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

Answer 3

即使它适合您，也请尝试使用此

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

未关闭的标签可能是个问题。

PHP输出到JS以呈现为HTML

3 个答案: