Javascript 附加到标记上_Javascript_Jquery_Append

Javascript 附加到标记上

javascript jquery

Javascript 附加到标记上,javascript,jquery,append,Javascript,Jquery,Append,我想将从服务器获取的数据附加到div标记，但无法使其工作。这是一个带有div标记的HTML，我想将JS代码中的数据附加到其中 HTML: 下面是JavaScript代码。我想用一个将数据附加到div标记的函数替换document.write JS: 函数初始化（）{ $.getJSON（'http://www.wawhost.com/izdelava-mobilne-aplikacije-2-del/fetch.php?callback=?，函数（数据）{ 对于（变量i=0；i

我想将从服务器获取的数据附加到div标记，但无法使其工作。这是一个带有div标记的HTML，我想将JS代码中的数据附加到其中

HTML:

下面是JavaScript代码。我想用一个将数据附加到div标记的函数替换document.write

JS:

函数初始化（）{
$.getJSON（'http://www.wawhost.com/izdelava-mobilne-aplikacije-2-del/fetch.php?callback=?，函数（数据）{
对于（变量i=0；i）；
}
});
}

小提琴：

我刚开始学习JavaScript。非常感谢您的帮助：）

将此代码粘贴到HTML文档的底部，就在

之前：


//如果您没有使用HTML5 doctype，请使用By append，您的意思是插入到？如果是这样，您可以使用getElementById（）和innerHTML。@David这对我不起作用，因为它一直在替换数据。无论如何谢谢你！：）var e=getElementById（“text”）。innerHTML=e.innterHTML+“”这样做不起作用吗？没有，但我可能做的不对不客气：）提示：如果你有类似的问题，请阅读。了解这一切是如何运作的真的很有帮助
<body onload="initialize()">
<div id="text"></div>
</body>

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>');
    }
});
}

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