【问题标题】:read an JSON object with javascript使用 javascript 读取 JSON 对象
【发布时间】:2015-09-30 23:53:23
【问题描述】:

所以我有一个问题,我有一个 json 对象,但我无法使用 javascript 阅读

这是我的代码

    $.ajax({
          url:'index.php/usuarios/getUsuarioById', 
          type: 'POST',
          data:{ usuario_id: usuario_id }, 
          dataType: 'Json',
          complete: function(data){

              alert(data.Nombre);
              alert(data['Nombre']);


          }

        });

导航只显示未定义,如果我进行解析显示另一个错误,我不需要进行解析,因为我确定响应是一个 Json 对象,这是我在服务器端 PHP 上的代码

公共函数 getUsuarioById(){

    //echo $this->input->post('usuario_id'); exit;
    $result = $this->usuarios_model->getUsuarioById($this->input->post('usuario_id'));
    echo json_encode($result);



}

【问题讨论】:

  • 我可以看到数据console.log(data)吗?
  • 你的 complete() 中的 console.log(data) 向你展示了什么?
  • 对象 {readyState: 4, responseText: "{"Id_Usuario":9,"Nombre":"alejandrina","apellido_p…9e062aa5e4a390b0a572ac0d2c0220","Tipo_usuario":2}", 状态: 200,状态文本:“确定”}
  • 试试data.responseText.Nombre

标签: javascript php jquery json codeigniter


【解决方案1】:

代替:

alert(data.Nombre);
alert(data['Nombre']);

使用:

console.log(data);

这样,您将了解响应数据的结构以便正确访问其属性。

或者试试:

console.log(data[0].Nombre)

【讨论】:

  • 这应该是一条评论。
  • 这就是控制台日志对象 {readyState: 4, responseText: "{"Id_Usuario":9,"Nombre":"alejandrina","apellido_p...9e062aa5e4a390b0a572ac0d2c0220","Tipo_usuario":2 的结果}”,状态:200,状态文本:“OK”}
  • @NovEskEduard,然后您可以使用 var response = data.responseJSON, var Nombre = response.Nombre; 访问您的数据
【解决方案2】:

嘿,伙计们,我终于解决了我的问题,就像你可以看到我的 JSON 对象有一个空值,然后当我尝试进行解析时,chrome 播种了我的错误

responseText: "{"Id_Usuario":9,"Nombre":"alejandrina", null: 9e062aa5e4a390b0a572ac0d2c02‌​20","Tipo_usuario":2}", status: 200, statusText: "OK"}

我终于可以这样解决了

 $.post(
            'index.php/usuarios/getUsuarioById', 
            { usuario_id: usuario_id }, 
            'Json'
           ).done(function(data){

              var usuario = JSON.parse(data);
              alert(usuario.Nombre);

           });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-21
    • 1970-01-01
    • 2012-09-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多