douhuang1852 2014-06-25 18:16
浏览 327
已采纳

为什么这些对象属性未定义?

I'm trying to access the properties of an object returned from my php script using json_encode like so:

php

echo json_encode(array(
  'person_id' => $personID,
  'job_id' => $jobID)
);

JS

$.ajax({
  url: url,
  cache: false,
  type: "POST"
}).done(function(sData){
  console.log(sData);
  console.log(sData.job_id);
  console.log(sData.person_id);
});

Output:

{"person_id":1,"job_id":1}
undefined
undefined

What's going on here? Why can't I access these properties?

UPDATE:

For any future visitors, this is a mistake I've made MANY, MANY times before (leaving out dataType) and will most certainly make again.

It can be especially confusing because when you examine your server response in Chrome Dev Tools, it is automatically parsed as a JSON object (in the PREVIEW tab).

enter image description here

It's nice that Chrome does this, so that you can easily inspect your response data, however the same is not true for your javascript code, you WILL NEED to declare the proper dataType of the response so that your code can interpret the data as an object and not a string.

  • 写回答

3条回答 默认 最新

  • douyuefu1372 2014-06-25 18:19
    关注

    $.ajax doesn't evaluate the response as JSON by default. you have to pass dataType: 'json'

    This should do it

    $.ajax({
        url: url,
        cache: false,
        type: "POST",
        dataType: 'json'
    }).done(function(sData){
            console.log(sData);
            console.log(sData.job_id);
            console.log(sData.person_id);
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 如何删除这个虚拟音频
  • ¥50 hyper默认的default switch
  • ¥15 网站打不开,提示502 Bad Gateway
  • ¥20 基于MATLAB的绝热压缩空气储能系统代码咨询
  • ¥15 R语言建立随机森林模型出现的问题
  • ¥15 中级微观经济学,生产可能性边界问题
  • ¥15 TCP传输时不同网卡传输用时差异过大
  • ¥15 请各位看看我写的属于什么算法,或者有更正确的写法?
  • ¥15 html5 qrcode 扫描器
  • ¥15 爬取网页信息并保存需要完整代码