JSON 数据打印在 HTML 中的 (element).html 中答案

【问题标题】：JSON data print in (element).html in HTMLJSON 数据打印在 HTML 中的 (element).html 中
【发布时间】：2014-05-17 20:11:33
【问题描述】：

我真正想要实现的是，我在codeigniter 中进行查询。数据正常，但我无法将其显示给 HTML 元素。请检查firebug控制台中的json输出和代码如下-

JSON 输出：

{"founduser":
    {
      "user_id":"2",
      "name":"Altab Hossen",
      "email":"ilove@gmail.com",
      "password":"",
      "employee_id":"0122",
      "nric_number":"K90031G",
      "is_user_active":"1"}
}

Ajax 代码

var userid = $("#userid").val();                    
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: base_url+"checkuser/"+userid,
                    data: "{}",
                    dataType: "json",
                    success: function (data) {
                        alert(data);
                    },
                    error: function (result) {
                        alert("Error");
                    }
                });

现在：警报（数据）；返回我Object Object。我想在 div 元素中只显示名称（Altab Hossen）：$('.showusername').html(data.name);

我怎样才能实现？

【问题讨论】：

尝试警报(data.founduser.name);

标签： jquery html ajax json codeigniter

【解决方案1】：

试试，

$('.showusername').html(data.founduser.name);

如果你想在调试的时候显示一个json为字符串，你需要使用JSON.stringify()like，

   alert(JSON.stringify(data));

【讨论】：

【解决方案2】：

使用

data.founduser.name

访问对象

【讨论】：

【解决方案3】：

您好像忘记了founduser。试试

$('.showusername').html(data.founduser.name);

【讨论】：

感谢格式化，抱歉发布答案时使用的是手机； )