ウェブページの特定のセクションをリロードする

Question

私はphp、ajax、およびjqueryで作業しています。ステータスを投稿すると、ステータスはajaxとphpでポストされるので、ページ全体の再読み込みは行われませんが、問題は、既にステータスが更新されていることを意味する、既にポストされたステータスと一緒に表示されるようにすることです新しい投稿ステータスは私と一緒に表示されます....私はそれを行うことができ、全体のページなしでステータスセクションのみを更新したいと思います...これはリロードせずにステータスを投稿するために使用するコードです。あなたのAJAXの成功インサイド

$('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 
 
}); 
 

Answer 1

、新しいポストの内容と古いポストのdivのHTMLを交換してください。 $("#old_post_div").html("new_post_content"); prependまたはappendを使用すると、新しいコンテンツを古いコンテンツの先頭に追加したり、追加したりすることができます。