2014-01-16 9 views
0

У меня есть этот файл json http://sunrise.bluechipholidays.co.uk/webservices/property/images/apikey/demo/propertycode/zinc52/propertycode/proch a im пытается вытащить изображение из него с помощью jquery/ajax и поместить его в div. Im очень новый в этом и просто не могу это сделать.Ajax Json Image Parsing

Спасибо за помощь Это адаптированный код, который я пытался использовать, но ничего не возвращает.

$(document).ready(function() { 
    $.getJSON("http://sunrise.bluechipholidays.co.uk/webservices/property/images/apikey/demo/propertycode/zinc52/propertycode/proch", { 
     caption: "kitchen", 
     tagmode: "any", 
     format: "json" 
    }, function(data) { 
     $.each(data.items, function(i, item) { 
      var img = $("<img />"); 
      img.attr('width', '200px'); 
      img.attr('height', '150px'); 
      img.attr("src", item.media.m).appendTo("#dvImages"); 
      if (i == 5) return false; //5 is number returned 
     }); 
    }); 
}); 
+0

Вам необходимо опубликовать то, что вы пробовали. Это основное требование задать вопрос на этом сайте. Даже если то, что вы уже пробовали, является смущающим и смешным, это помогает нам понять, что вы уже знаете и с чего начать. –

+0

привет брайан, спасибо за советы, это имеет смысл, что я показываю вам, я согласен, я тоже очень новичок в stackoverflow –

+0

Я собираюсь отредактировать его для вас, но SO поддерживает маркировку кода, чтобы ваш код был более читабельным. –

ответ

0
$.get('<your_link_here>', function(data){ 
    var $yourDiv = $('#yourDiv'); 
    $(data.data).each(function(i, x){ 
     $(x).each(function(j, k){ 
      var $img = $('<img></img>'); 
      $img.attr('src', k.url) 
      $yourDiv.append($img); 
     }); 
    }); 
}); 

Если делать работу, хотя я не проверял еще. Я предположил, что вы используете jquery 1.9.1 кстати.

Я редактировал свой код и рабочий скрипку: http://jsfiddle.net/6FW3R/6/

мой плохой я редактировал скрипку и сам код здесь.

+0

привет спасибо за ответ, ive попробовал его, и он не работает http://jsfiddle.net/garrycalliopix/6FW3R/3/ im, вероятно, делает что-то глупое –

+0

привет большое спасибо за это, я добавил код в строке 3, чтобы просто покажите только первый результат. ясно, что я что-то сделал –

+0

Я не понял, если вы говорите, первое изображение на весь json или изображения в первом поле данных на этом json-объекте. Я думаю, вам лучше взглянуть на структуру json на google chrome с расширением [JSONView] (https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc). – px5x2