-1

我有一个有效的 json 对象，但是当我尝试使用 jquery/javascript 从中提取内存时，它总是返回为“未定义”。

var json = (the string below).


var obj = $.parseJSON(JSON.stringify(JSON.stringify(json))); 

alert(obj);       // alerts the object correctly.

alert(obj.HotelInformationResponse);    // undefined..?
alert(obj.HotelInformationResponse.HotelImages); // undefined..?

有谁知道我如何hotelImageId从下面的这个 json 对象中提取一个？

nb：JSON.stringify 两次，因为当我执行一次时，它仍然显示 [Object object]

{
   "HotelInformationResponse":{
      "@hotelId":"106347",
      "customerSessionId":"[xxx]",
      "HotelImages":{
         "@size":"27",
         "HotelImage":[
            {
               "hotelImageId":7092462,
               "name":"",
               "category":1,
               "type":0,
               "caption":"Exterior",
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_57_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_57_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7130885,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_58_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_58_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147393,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_59_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_59_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147394,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_60_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_60_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147395,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_61_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_61_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147396,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_62_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_62_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147397,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_63_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_63_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147398,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_64_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_64_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147399,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_65_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_65_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147400,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_66_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_66_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147401,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_67_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_67_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147402,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_68_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_68_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147403,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_69_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_69_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147404,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_70_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_70_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147405,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_71_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_71_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147406,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_72_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_72_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":7147407,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_73_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_73_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694165,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_30_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_30_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694166,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_31_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_31_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694168,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_33_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_33_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694171,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_36_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_36_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694172,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_37_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_37_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694177,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_42_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_42_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694180,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_45_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_45_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694181,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_46_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_46_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":4694182,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_47_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_47_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            },
            {
               "hotelImageId":6601500,
               "name":"",
               "category":0,
               "type":0,
               "url":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_56_b.jpg",
               "thumbnailUrl":"http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_56_t.jpg",
               "supplierId":13,
               "width":350,
               "height":350,
               "byteSize":0
            }
         ]
      }
   }
}
4

4 回答 4

1

你写

var json = (the string below).

所以变量json就是string类型。

var obj = $.parseJSON(JSON.stringify(JSON.stringify(json)));

这个意思

JSON.stringify(json)

将字符串序列化为 JSON 编码的字符串。所以'"a"'成为"\"a\""

JSON.stringify(JSON.stringify(json))

嗯，看来你喜欢 stringify... 更多编码...

$.parseJSON(JSON.stringify(JSON.stringify(json))

为什么你不JSON.parse()。并且双重编码的字符串不会回复您。

于 2012-11-30T04:17:32.527 回答
0

你将不得不循环你的对象

然后对于你可以做的每一个项目

Foreach（对象，项目）警报（项目。酒店信息响应）；

检查完美的代码，我给了你 sudo 的想法。

于 2012-11-30T04:11:21.640 回答
0

这是一个 jsfiddle 示例，向您展示如何根据您的请求提取单个hotelImageId：

http://jsfiddle.net/nickadeemus2002/9knzN/

这是示例中的代码片段：

    var hotelImage = jsonObj.HotelInformationResponse.HotelImages.HotelImage[0],
    singleImageId = hotelImage.hotelImageId;
于 2012-11-30T04:23:46.030 回答
0

它工作正常，这是一个 jsFiddle 来证明它：http: //jsfiddle.net/jesus_tesh/xL4Gw/

我什至喜欢它并使用颜色框 - 单击缩略图，它将显示全尺寸图像。

JS

var images = json.HotelInformationResponse.HotelImages.HotelImage;
$.each(images, function(idx, data) {
    $("#images")
        .append($("<div></div>")
        .append($("<a></a>").prop("href", data.url).addClass("colorbox")
        .append($("<img></img>").prop("src", data.thumbnailUrl)))
        .append($("<span></span>").text(data.caption || data.hotelImageId)));
    console.log("data", data);
});

$(".colorbox").colorbox();

CSS

html { padding: 20px; }
#images div { display: inline-block; width: 90px; height: 100px; }
#images img { display: block; width: 70px; margin: 0 auto; }
#images span { display: block; text-align: center; }

​</p>

于 2012-11-30T04:34:08.147 回答