嵌套 JSON 响应 TypeError

Question

我有一个 JSON 响应，我无法弄清楚。这是我目前收到的回复。

这是我的 ajax 脚本：

<script>
 $(document).on('click', '#pullDetails', function() {
         $.ajax({
            type:'POST',
            url: '/carrier/claims/pullDetails',
            data: {
                num: $('input[name=proNumber]').val(),
                _token: $('input[name=_token]').val()},
            dataType: 'json',
            success: function(data) {
                if(data.details != undefined) {
                        console.log('success');
                        console.log(data.details.SearchResults[0].Shipment.Origin.Name); //result: ATLAS INTL
                        $('#carrierReturnData').html(data.details.SearchResults[0].Shipment.Origin.Name);
                    }else{
                        console.log('failed');
                        console.log(data);
                        console.log(data.details.SearchResults.SearchItem); 
                    }
            },
            error: function(data) {
                console.log('error');
                console.log(data);
            }
        });
    });
</script>

现在我的问题是如何从“SearchItem”行（在响应 json 的第一行）获取特定数据？

目前我得到以下信息：TypeError: data.details.SearchResults 未定义，但 data.details 被识别为我的控制台日志“成功”。

Answer 1

对详细信息进行 JSON.parse，然后尝试记录 SearchResults

var results = JSON.parse(data.details);
console.log(results.SearchResults.SearchItem);