freewall使用ajax附加内容和显示[object object]

freewall using ajax to append content and show [object Object]

本文关键字：object 显示 使用 ajax freewall      更新时间：2023-09-26

我的代码有一个问题(如上所述):

$(function() {
            var wall = new freewall("#freewall");
            wall.reset({
                selector: '.brick',
                animate: true,
                cellW: 160,
                cellH: 160,
                delay: 50,
                onResize: function() {
                    wall.fitWidth();
                }
            });
            wall.fitWidth();
            var content = $.ajax({
                    url:"contents/home.html",
                    type: "GET",
                    dataType:"json"
                });
            var temp = '<div class="brick {size}">' + '<div class="covers">' + content + '</div>' + '</div>';
            var size = "size33 size32 size31 size23 size22 size21 size13 size12 size11".split(" ");
            $(".add-more").click(function() {
                var html = "";
                for (var i = 0; i < 5; ++i) {
                    html += temp.replace('{size}', size[size.length * Math.random() << 0])
                                /*.replace('{color}', colour[colour.length * Math.random() << 0])*/;
                }
                wall.appendBlock(html);
            });
        });

我试图加载ajax内容，但它显示[object object]。有人能帮忙吗?

在完成的函数中编写更新DOM的逻辑，就像这样查看jQuery ajax了解更多信息

$(function() {
    var wall = new freewall("#freewall");
    wall.reset({
        selector: '.brick',
        animate: true,
        cellW: 160,
        cellH: 160,
        delay: 50,
        onResize: function() {
            wall.fitWidth();
        }
    });
    wall.fitWidth();
    var content = $.ajax({
        url:"contents/home.html",
        type: "GET",
        dataType:"json"
    }).done(function(data){
        var temp = '<div class="brick {size}">' + '<div class="covers">' + content + '</div>' + '</div>';
        var size = "size33 size32 size31 size23 size22 size21 size13 size12 size11".split(" ");
        $(".add-more").click(function() {
            var html = "";
            for (var i = 0; i < 5; ++i) {
                html += temp.replace('{size}', size[size.length * Math.random() << 0])
                            /*.replace('{color}', colour[colour.length * Math.random() << 0])*/;
            }
            wall.appendBlock(html);
        });
    });
});
相关文章：