在AJAX循环中创建div

时间:2014-07-29 15:57:58

标签: javascript jquery html ajax

我使用AJAX从服务器端获取数据,我现在正在尝试将数据从对象列表填充到div中,我遇到的问题是我无法在foreach循环内部创建div。

    $(document).ready(function () {

        var divs = "";

        var url = "../Graphs/CreateChart";


        $.ajax({
            type: 'POST',
            url: url,
            success: function (data) {
                for (var i in data) {

                    var x = data[i];

                    for (var j in x) {
                        var val;
                        if (x.hasOwnProperty(j)) {

                            val = x[j].SpName;

                            if (x[j].SpName != "undefined") {
                                $('#a').appendTo('#content');
                                createBarChart("#a", "USP_Charts_BarChart1"); 
                            }
                        }
                    }
                }
            }, dataType: "json",
            cache: false
        });
    });
</script>

我正试图填写它所说的地方#34;#a&#34;使用val然后我需要填充我用id为val写的div,但是当我尝试将document.write放在循环中时,我得到一个空白屏幕,任何想法为什么会这样做? / p>

1 个答案:

答案 0 :(得分:0)

您是否尝试将已创建的变量附加到您的内容中?尝试将标记设置为FIRST,然后附加它。

要测试它,请尝试没有数据。

$("<h2>HI</h2>").appendTo("#content");

如果可行,则使用您需要的数据创建一个所需标记的字符串。

$("<a data='"+data.variable+"'></a>").appendTo("#content");

append和appendTo非常相似,但如果对象尚未存在,则需要使用字符串,而不仅仅是标识符。