附加到标记后
Appending to a tag
我想将从服务器获取的数据附加到div标记,但我无法使其工作。这是HTML与一个div标签,我想从JS代码追加数据。
HTML:<body onload="initialize()">
<div id="text"></div>
</body>
这里是JavaScript代码。我想替换文件。编写一个函数,将数据附加到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/
我刚开始学习JavaScript。非常感谢您的帮助
将此代码粘贴到HTML文档的底部,</body>
:
<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>
这解决你的问题了吗?
相关文章:
- 没有找到相关文章