2014-01-16 2 views
0

이 json 파일 http://sunrise.bluechipholidays.co.uk/webservices/property/images/apikey/demo/propertycode/zinc52/propertycode/proch jquery/ajax를 사용하여 이미지를 가져 와서 div에 넣으려는 메신저가 있습니다. 임씨는 이것에 아주 새롭고 그것을 할 수없는 것 같습니다.Ajax Json 이미지 구문 분석

도움 주셔서 감사합니다. 이 코드는 사용하려고 시도했지만 아무 것도 반환하지 않습니다. 나는 아직 테스트하지 않은 있지만

$(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

난 당신을 위해 그것을 편집 할거야하지만, 그래서 당신의 코드를 더 쉽게 읽을 수 있도록 코드 태깅을 지원합니다. –

답변

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 btw를 사용한다고 가정했습니다.

나는 당신의 코드와 작업 바이올린 편집 : http://jsfiddle.net/6FW3R/6/

내 내가 바이올린 여기에 코드 자체를 편집 나쁜.

+0

안녕하세요, 응답을 주셔서 감사합니다, ive 그것을 시도하고 나던 작동 http://jsfiddle.net/garrycalliopix/6FW3R/3/ 메신저 아마 어리석은 짓을 –

+0

안녕하세요 고마워, 내가 3 행에 코드를 추가했습니다 첫 번째 결과 만 표시하십시오. 분명히 뭔가 잘못된 일을하고있다. –

+0

json 전체 객체의 첫 번째 이미지 또는 json 객체의 첫 번째 데이터 필드에있는 이미지에 대해 이야기하는 중이라면 이해하지 못했다. JSONView (https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc) 확장 프로그램을 사용하여 google chrome의 json 구조를 더 잘 살펴볼 필요가 있다고 생각합니다. – px5x2