JQuery Append AJAX

Bin ich mit dem folgenden Skript laden einige WordPress-Beiträge.
Leider ersetzt meine Inhalte und ich möchte anfügen an die vorhandenen Inhalte.

Was ist Ihr Vorschlag auf, Anhängen, die per AJAX-Aufruf.

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

Dank

InformationsquelleAutor thedev | 2012-05-17
  1. 11

    laden ersetzt den Inhalt des übergeordneten Elements. Ein Weg ist es, Inhalte zu laden, um ein neues div und als man es zu dem element. 

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

    load() ersetzt den Inhalt, aber es ist eigentlich nur ein shortcut für $.erhalten, so verwenden Sie stattdessen diese.

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

    Wenn filtern bestimmte Elemente, die mit der load () müssen Sie selbst erledigen.

    InformationsquelleAutor adeneo
  3. 2

    Ich würde getJson Methode, um eine JSON-Antwort, wo ich 3 Teile. eine für den Inhalt , die andere für die NextLink und Dritten für die PateNumber. Dann ich lese das Json-Ergebnis und verwenden Sie es an der entsprechenden Stelle.

    Können Sie wieder eine JSON-wie dies

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

    und in Ihrem getJSON können, Lesen Sie Artikel und verwenden Sie es

    $('#load-posts a').click(function() { 
   if(pageNum <= max) {
      $.getJSON(nextLink,function(jSonResult){         
          $('#content').append(jSonResult.Content);
          $("#nextLink").html(jSonResult.NextLink);
          $("#pageNumber").html(jSonResult.PageNumber);
      });           
   }
});
    InformationsquelleAutor Shyju
  4. 1
    if(pageNum <= max) {
        $('body').append($('<div id="hiddenContainer" style="display:none"></div>')); //a hidden container to store response
        $('#hiddenContainer').load(nextLink + ' article',
            function() {            
                $('#content').append($('#hiddenContainer').html());                 
                }
            }
        );          
    }
    InformationsquelleAutor thecodeparadox
  5. 1

    Persönlich würde ich $.get()

    $('#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. 
        };
    }
});
    InformationsquelleAutor TimSonOfSteve
  6. 1

    Vom Klang Sie nur wollen, um fügen Sie ein div mit der neue Informationen zu posten, die zu einem bereits vorhandenen div-Element wie das html unter:

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

    Können Sie einfach tun:

    jQuery('#Posts').append(jQuery('<div>').load(...));
    InformationsquelleAutor Kirill Fuchs
Schreibe einen Kommentar