laden Sie einen bestimmten Abschnitt einer Webseite

Bitte ich arbeite mit PHP, Ajax und Jquery. Wenn ich einen Status poste, wird der Status mit ajax und php gepostet, so dass kein vollständiges Umladen der Seite stattfindet, aber das Problem ist, dass ich den geposteten Status neben dem bereits geposteten Status sehen soll, was bedeutet, dass der alte Status aktualisiert werden muss Der neue Status erscheint bei mir .... Ich wünschte, ich könnte das tun und nur den Status-Abschnitt ohne die ganze Seite aktualisieren ... das ist der Code, den ich benutze, um den Status ohne Neuladen zu posten.laden Sie einen bestimmten Abschnitt einer Webseite

$('input#post-submit').on('click', function(){ \t 
 
    var post = $('textarea#userPost').val(); 
 
    var azoul = $('input#token').val(); \t 
 
    if($.trim(post) != '' && $.trim(azoul) === 'azoul_majidi15AJH45skLD') \t 
 
    { \t 
 
     $.ajax({ \t 
 
     url:"post-post.php", 
 
     method:"POST", 
 
     data:{post:post,azoul},`enter code here` 
 
     dataType:"text", 
 
     success:function(data){ 
 
        $('#post-state').text('Your Status was posted successfully'); 
 
       } 
 
      }); 
 
    } \t 
 
});

Quelle

2017-06-03 Murphy Adam

Verwenden Sie im Erfolgsrückruf $ .load() https://api.jquery.com/load/ mit einem Seitenfragmentteil. oder benutze json um dein dom zu erstellen –

du kannst jquery verwenden, um den entsprechenden statusabschnitt html zu aktualisieren. Ohne HTML-Details kann ich keinen Code angeben, der zeigt, wie es geht. Aber normalerweise können Sie einfach das entsprechende DOM-Element auswählen und den Klassen- oder Textwert oder eine Farbe davon ändern. Sie können sogar das ganze Teil leeren und den HTML-String neu konstruieren und dann an ihn anhängen. – Surely

Danke @ user3089009, ich werde das ausprobieren;) Danke nochmal. –

Innerhalb des Erfolgs Ihres Ajax, mit neuem Beitrag Inhalt des HTML-Code Ihrer alten Post div ersetzen. $("#old_post_div").html("new_post_content"); Oder Sie können prepend oder append verwenden, damit der neue Inhalt dem alten Inhalt vorangestellt oder angefügt wird.

Quelle

2017-06-03 19:25:48

Das sieht sowohl einfach als auch effektiv aus. Danke Herr @Kishor Malakar. –

laden Sie einen bestimmten Abschnitt einer Webseite

Antwort

Verwandte Themen