使用Ajax和JSON的动态表

Question

我的json_encode有这个回应

[{"name":"Client Serv","Handled":"1","Resolved":"1","Escalated":"0"},
 {"name":"Chat","Handled":"1","Resolved":"0","Escalated":"0"}]

我希望将这些数据制成表格表格，但是，我认为我的代码有问题。 附加的东西不起作用。

request.done(function(msg) {
    $("#my_progress tbody").html('');
    msg = JSON.parse(msg);
    for(i = 0; i < msg.length; i++){
        $('#my_progress tbody').append('<tr><td>' + msg[i].name +'</td><td>' + msg[i].Handled + '</td><td>' + msg[i].Resolved + '</td><td>' + msg[i].Escalated + '</td></tr>');
    }
});

Answer 1

对我有用..看看JSFiddle 。

因此，您的问题似乎在其他地方。 确定要调用request.done吗？

在浏览器中打开JavaScript控制台，查找错误！

Answer 2

jQuery ajax方法中可能存在dataType（或其他）错误。 因此，done方法不会调用它的功能参数。 如果您可以复制和粘贴完整的ajax方法，那就很好了。

Answer 3

有一个未捕获的SyntaxError：此行中出现意外的令牌A msg = JSON.parse（msg）;

这是我完整的ajax方法，

get_hourly_progress: function(o){


        var request = $.ajax({
              url: Logger.baseurl +Logger.indexpage+ "cs/get_hourly_progress",
              type: "POST",
              data: { 'end_date': $('#time_interval').val()},
              dataType: "html",
              beforeSend: function(jqXHR, settings){

              }
            });


            request.done(function(msg) {
                $("#my_progress tbody").html('');
                msg = JSON.parse(msg);
                for(i=0;i<msg.length;i++){  
                    $('#my_progress tbody').append('<tr><td>' + msg[i].name +'</td><td>' + msg[i].Handled + '</td><td>' + msg[i].Resolved + '</td><td>' + msg[i].Escalated + '</td></tr>');
                }
            }); 


            request.fail(function(jqXHR, textStatus) {
                console.log(jqXHR);
                console.log(textStatus);
                alert( "Request failed: " + textStatus );
            });

},

Answer 4

在将其解析为javascript对象之前，请确保已在request.done函数中成功传递了正确的JSON字符串。