태그에 추가하기

서버에서 가져온 데이터를 div 태그에 추가하고 싶지만 작동시키지 못합니다. JS 코드에서 데이터를 추가하고 싶은 div 태그가있는 HTML입니다.태그에 추가하기

는 HTML : 여기

<body onload="initialize()"> 
<div id="text"></div> 
</body>

그리고

자바 스크립트 코드입니다. document.write를 div 태그에 데이터를 추가 할 함수로 바꾸고 싶습니다.

JS :

function initialize() { 
$.getJSON('http://www.wawhost.com/izdelava-mobilne-aplikacije-2-del/fetch.php?callback=?', function (data) { 
    for (var i = 0; i < data.length; i++) { 
     document.write('<img src="' + data[i].image + '" />' + data[i].title + data[i].description + '<br>'); 
    } 
}); 
}

바이올린 : http://jsfiddle.net/GDxtf/

난 그냥 자바 스크립트를 배우기 시작했다. 도움말 크게 감사합니다 :)

출처

2013-03-20 alesko007

* append *로 삽입 하시겠습니까? * insert into *? 그렇다면 getElementById() 및 innerHTML을 사용할 수 있습니다. –

@David 데이터를 계속 바꾸기 때문에 저 때문에 작동하지 않습니다. 어쨌든 고마워요! :) – alesko007

'var e = getElementById ("text"). innerHTML = e.innterHTML + ""'이게 뭔가 효과가 없나요? –

바로 </body> 전에 HTML 문서의 맨 아래에서이 코드를 붙여 넣습니다

<script> 
// If you're not using an HTML5 doctype, use <script type="text/javascript> instead of just <script> 

$(function() { 

    $targetDiv = $("#text"); 
    $.getJSON('http://www.wawhost.com/izdelava-mobilne-aplikacije-2-del/fetch.php?callback=?', function (data) { 
     for (var i = 0; i < data.length; i++) { 
      var $div = $("<div />"); 
      var $img = $("<img />"); 

      $img.attr("src", data[i].image); 
      $img.appendTo($div); 

      var $title = $("<h2>" + data[i].title + "</h2>"); 
      $title.appendTo($div); 

      var $description = $("<p>" + data[i].description + "</p>"); 
      $description.appendTo($div); 

      $div.appendTo($targetDiv); 
     } 
    }); 
}); 
</script>

이이 문제를 해결하는 데 도움이 되었습니까?

출처

2013-03-20 16:24:43

고마워요! 이미지가 표시되지 않습니다 – alesko007

@ alesko007 내 대답이 업데이트되었습니다. 지금 잘 작동해야합니다. –

정말 고마워요! 그것은 완벽하게 작동합니다 :) – alesko007

태그에 추가하기

답변

관련 문제