1

そのため、データベースからいくつかのコメントを取得し、div にエコーしました。

フォームを介して新しいコメントを入力していますが、それらは ajax を使用してデータベースに挿入されます。

div のコメントが更新され、新しいコメントが投稿されるとすぐに表示されるようにします。

ページを再度ロードせずに、div を更新して新しいコンテンツを表示するにはどうすればよいですか?

JavaScriptは次のようになります：

      // ... goes after Validation
    if (check == true) {
$.ajax({
type: "POST",
url: "process/addcomment.php",
data: $targetForm.serialize(),
dataType: "json",
success: function(response){

    if (response.databaseSuccess)
       $comment.after('<div class="success">Update Added!</div>');
    else
       $comment.after('<div class="error">Something went wrong!</div>');

}
        });
    }
    return false;
});

});

助けてくれてありがとう。

4

2 に答える 2

0

応答jsonから必要なデータを抽出し、「コメント」のIDでdivに追加するためのHtmlを生成する必要があります.cssを適用すると、スタイルが設定されます。

私の提案は、サーバーからコメントに余分な情報を追加したくない場合は、成功または失敗のフラグのみが必要であり、サーバーにデータを送信して取得する代わりに、ローカルデータが正常に挿入されたときにローカルデータを使用できることです。データベース

if (check == true) {
  $.ajax({
     type: "POST",
     url: "process/addcomment.php",
     data: $targetForm.serialize(),
     dataType: "json",
     success: function(response){
            $("#comment").after('<div><div class="from">'+response.from+'</div><div class="message">'+response.message+'</div></div>');
     }
     fail:function(){
            $("#comment").after('<div class="error">Something went wrong!</div>');
     }
});
}
于 2013-09-12T21:57:32.717 に答える