使用 Ajax 和 JSON 的动态表答案

【问题标题】：Dynamic Table using Ajax and JSON使用 Ajax 和 JSON 的动态表
【发布时间】：2013-07-17 14:21:20
【问题描述】：

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

【问题讨论】：

标签： php javascript json codeigniter

【解决方案1】：

确保正确的 JSON 字符串在您的 request.done 函数中成功传递，然后再将其解析为 javascript 对象。

【讨论】：

【解决方案2】：

它对我有用..看看JSFiddle。

所以您的问题似乎出在其他地方。你确定request.done被调用了吗？

在浏览器中打开 javascript 控制台并查找错误！

【讨论】：

【解决方案3】：

您可能在 jQuery ajax 方法中遇到数据类型（或其他）错误。所以 done 方法不会调用它的函数参数。如果您可以复制和粘贴完整的 ajax 方法，那就太好了。

【讨论】：

【解决方案4】：

There was an Uncaught SyntaxError: Unexpected token A in this line 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 );
            });

},

【讨论】：