如何为 json 对象编写索引循环

Question

我有一个图像更新程序。我正在通过 JSON 加载显示我的图像的完全相同文件/部分。

我想写一个循环遍历一个索引并用它的相等替换每个图像。

这是我的 json 对象中的第一个 div：

[{
  "photo": {
    "position":1,
    "photo_file_size":45465,
    "created_at":"2010-10-05T09:51:13-04:00",
    "updated_at":"2010-10-05T09:52:29-04:00",
    "photo_file_name":"tumblr_l0x861Yc5M1qbxc42o1_400.jpg",
    "is_cropped":true,
    "crop_h":null,
    "photo_content_type":"image/jpeg",
    "id":216,
    "caption":null,
    "crop_w":null,
    "photo_uploaded_at":null,
    "crop_x":null,
    "processing":false,
    "gallery_id":26,
    "crop_y":null
  }
},
...

该 json 对象中的下一个 div 类似于 gallery_photos_attributes_1_id 。

更新

这是我到目前为止所得到的......但是 load() 方法不能正常工作。我得到一个“只允许请求”

$.getJSON(url, function(data) {
for (var i = 0; i < data.length; i ++) {
  url2 = "/organizations/" + 1 + "/media/galleries/" + 26 + "/edit_photo_captions"
  var image = $("#gallery_photos_attributes_" + i + "_caption");
url_str = image.siblings("img").attr("src").substr(0, str.lastIndexOf("/"));
image.siblings("img").load(url2, image.siblings("img"));
};
})

Answer 1

虽然我不是 100% 正确，但请尝试这段代码。

var url = "/organizations/" + organization + "/media/galleries/" + gallery + "/update_photo_index"
$.getJSON(url, function(data) {
  // the outer is an array, so just loop as usual
  for (var i = 0; i < data.length; i++) {
    // fetch something for the current photo
    var caption = $("#gallery_photos_attributes_"+ data[i].photo.id +"_caption");
    // update source
    caption.siblings("img").attr("src","/path/to/images/"+data[i].photo.photo_file_name+"?c="+parseInt(Math.random()*10000));
    // update caption
    caption.html(data[i].photo.caption);
    // and so on...
  }
});

请记住，在 JSON 中，“[ ... ]”描述了一个数组，而“{ ... }”描述了一个对象。使用数组，您可以像使用其他所有 javascript 数组一样循环。如果你有一个对象，它就像任何其他 javascript 对象一样，其字段可以通过 object.field 或 object['field'] 访问。因此，在 javascript 中使用 JSON 几乎是一件轻而易举的事。

希望对您有所帮助。