Javascript JQuery附加AJAX

我正在使用以下脚本加载一些Wordpress帖子。 不幸的是，这取代了我的内容，我想附加到现有的内容

关于使用AJAX调用进行追加，您有什么建议

$('#load-posts a').click(function() { 
    if(pageNum <= max) {
        $('#content').load(nextLink + ' article',
            function() {            
                // Update page number and nextLink.
                // Update the button message.                   
                }
            }
        );          
    }
});

$（'#加载帖子a'）。单击（函数（）{
if（pageNumload替换父级的内容。一种方法是将内容加载到新的div，然后将其附加到元素

$("<div>").load(nextLink + ' article', function() {
    $("#content").append($(this).html());
});

$（“”）。加载（nextLink+'article'，函数（）{
$（“#content”）.append（$（this.html（））；
});
load（）
替换了内容，但它基本上只是$.get的快捷方式，所以请改用它

$('#load-posts a').click(function() { 
    if(pageNum <= max) {
        $.get(nextLink + ' article', function(data) {   
           $('#content').append(data);
        });
    }
});

$（'#加载帖子a'）。单击（函数（）{
if（pageNum
if（pageNum我将使用getJson方法获得一个JSON响应，其中我有3个部分。一个用于内容，另一个用于NextLink，第三个用于专利号。然后我将读取JSON结果并在相关位置使用它

您可以像这样返回一个JSON

{
    "Content": "<p>Some New Content</p>",
    "NextLink": "page.php?no=34",
    "PageNumber": "34"
}

就我个人而言，我会使用

$（'#加载帖子a'）。单击（函数（）{
如果（pageNum听起来，您只想向已经存在的div添加一个带有新post信息的div，如下面的html：

<div id="Posts">
  <!-- post -->
  <!-- post -->  
  <!-- post -->  
</div>



您可以简单地执行以下操作：

jQuery('#Posts').append(jQuery('<div>').load(...));

jQuery（'#Posts'）.append（jQuery（''）.load（…）；

$('#load-posts a').click(function() { 
    if(pageNum <= max) {
        var nextArticles = $.get(nextLink + ' article')

        nextArticles.success(function() {
            // Update page number and nextLink.
            // Update the button message. 
        };
    }
});

<div id="Posts">
  <!-- post -->
  <!-- post -->  
  <!-- post -->  
</div>

jQuery('#Posts').append(jQuery('<div>').load(...));