将循环中的jquery/ajax数据作为HTML输出到div

我从一个servlet中检索了一些数据，现在希望将其作为HTML输出到名为“showArticles”的div，并为每个值使用相同的HTML块。但是，它只输出一个值。因此，我：

|Article Title.   |
|Article content. |

我希望有很多这样的HTML。 先谢谢你

AJAX：

$.ajax({
        url : "LoadArticlesByTag",
        dataType : 'json',
        type: 'GET',
        data: {
            b_sub_tag:option_value
        },
        error : function(jqXHR, textStatus, errorThrown) {
            alert(textStatus);
        },
        success : function(data){
           var data1=data[0], data2=data[1];
           for(var i=0;i<data1.length;i++){
            outputToDiv(data1,i);
           }
        }

    });


function outputToDiv(data1,i) {                
            $('#showArticles').html(                
            "<article class='one_quarter'>"+
                "<figure><img src='images/demo/32x32.gif' width='32' height='32' alt=''></figure>"+
                "<strong>"+data1[i]["name"]+"</strong>"+
                "<p>"+data1[i]["content"]+"</p>"+
                "<p class='more'><a href='#'>Read More &raquo;</a></p>"

                );
        }

$.ajax({
url:“LoadArticlesByTag”，
数据类型：“json”，
键入：“GET”，
数据：{
b_子_标签：选项_值
},
错误：函数（jqXHR、textStatus、errorshown）{
警报（文本状态）；
},
成功：功能（数据）{
var data1=数据[0]，data2=数据[1]；
对于（var i=0；i很简单，
.html（）
替换目标选择器的内容。请尝试使用
.append（）

每次调用
outputToDiv
时，都要记住了解函数在未按预期执行时是如何工作的。
如果要保留当前内容，则需要将其添加到“开始使用”或“结束使用”中

$('#showArticles').append(
     "<article class='one_quarter'>"+
     "<figure><img src='images/demo/32x32.gif' width='32' height='32' alt=''></figure>"+
     "<strong>"+data1[i]["name"]+"</strong>"+
     "<p>"+data1[i]["content"]+"</p>"+
     "<p class='more'><a href='#'>Read More &raquo;</a></p>");

$（'#showArticles'）。追加(
“
”；
Hello Christian。非常感谢。它起作用了。我昨天才开始使用jquery，所以没怎么走动。我如何才能清除输出的内容以便只显示新的选择？我在那里有一个选择。谢谢。在ajax成功函数中，就在
for
循环之前，像这样清除它：
$（“#showArticles”）.html（“”）

。这样您就不必不断重复数组索引。此外，请使用语法

data.name

和

data.content

而不是数组样式语法；后者应仅用于数字数组或属性为动态时。非常感谢您的建议1

$('#showArticles').append(
     "<article class='one_quarter'>"+
     "<figure><img src='images/demo/32x32.gif' width='32' height='32' alt=''></figure>"+
     "<strong>"+data1[i]["name"]+"</strong>"+
     "<p>"+data1[i]["content"]+"</p>"+
     "<p class='more'><a href='#'>Read More &raquo;</a></p>");