将HTML表附加到Codeigniter中的Json响应

您好，我想用json数据绘制一个表，这是我的代码。我得到了正确的json响应，但无法在弹出窗口中绘制一个表，这是我的代码

$(document).on('click','.details', function(){
var student_id = $(this).attr("id");
//alert(Id);
    $.ajax({
      url: "<?php echo base_url(user/details);?>",
      type: "post",
      data: {id:id},
      success: function(data)
            { 
    $.each(json, function (i,data) {
        $("#fees_table").append( "<tr><td>" + data.name + "</td><td>" + data.first_name + "</td><td>" + data.last_name + "</td><td>" + data.user_name + "</td></tr>");
    });

            }
    });
 } );

改变这个

$.each(json, function (i,data) {
    //....
});

作为

var data=$.parseJSON（数据）；
$。每个（数据、功能（i）{
$（“#费用表”）。追加（“+数据[i]。名称+”+数据[i]。名字+”+数据[i]。姓氏+”+数据[i]。用户名+）；
});

---

如果您得到了正确的响应，那么它应该可以工作

将数据类型添加到ajax选项中

 $.ajax({
      url: "<?php echo base_url(user/details);?>",
      type: "post",
      data: {id:id},
dataType: "json", // convert response data to json 
      success: function(data)
            { 
    $.each(json, function (i,data) {
        $("#fees_table").append( "<tr><td>" + data.name + "</td><td>" + data.first_name + "</td><td>" + data.last_name + "</td><td>" + data.user_name + "</td></tr>");
    });

            }
    });

$.ajax({
url:“”，
类型：“post”，
数据：{id:id}，
数据类型：“json”，//将响应数据转换为json
成功：功能（数据）
{ 
$.each（json，函数（i，数据）{
$（“#费用表”）。追加（“+data.name+”“+data.first_name+”“+data.last_name+”“+data.user_name+”）；
});
}
});

Thank you@Rejonaul Alam，但我得到了未捕获的引用错误：json未定义加粗类型错误：无法使用“in”运算符搜索中的“516”，您应该解析json数据，因为您得到的是json字符串。检查我编辑的answerexcellent@rejoannul，现在表来了，但json数据在控制台中也显示正确，但在表中字段显示未定义。有什么问题吗？然后显示您的

控制台.日志（数据）

值和

详细信息

用户的方法代码控制器

var data = $.parseJSON(data);
$.each(data, function (i) {
    $("#fees_table").append( "<tr><td>" + data[i].name + "</td><td>" + data[i].first_name + "</td><td>" + data[i].last_name + "</td><td>" + data[i].user_name + "</td></tr>");
});

 $.ajax({
      url: "<?php echo base_url(user/details);?>",
      type: "post",
      data: {id:id},
dataType: "json", // convert response data to json 
      success: function(data)
            { 
    $.each(json, function (i,data) {
        $("#fees_table").append( "<tr><td>" + data.name + "</td><td>" + data.first_name + "</td><td>" + data.last_name + "</td><td>" + data.user_name + "</td></tr>");
    });

            }
    });