Ajaxを使用して同じページにフォームを送信した後のPHP結果のロード

Question

私はフィルム情報を含むデータベースにコメントを提出するフォームを持っています。フォームと同じdivタグには、私がPHPのスクリプトを持っていて、film_idに関連するデータベースからのコメントを読み込む人がコメントしています。

フォームのコードが隠された値は、人々が上のコメントしているフィルムのID番号が含まれています。この

<p>Add a Comment</p> 
<form id="addCommentForm" method="post"> 
<div> 
<input type="hidden" name="hidden" id="hidden" value="54"> 
<label for="name">Your Name</label> 
<input type="text" name="name" id="name" /> 

<label for="body">Comment Body</label> 
<textarea name="comment" id="comment" cols="20" rows="5"></textarea> 

<input type="submit" id="comment" class="button" value="Submit" /> 
</div> 
</form> 

です。私はこのJavaScriptを持っている -

<script type="text/javascript"> 
            $(".button").click(function() { 

     var name = $("input#name").val(); 
     var comment = $("input#comment").val(); 
     var filmnumber = $("input#hidden").val(); 

     var dataString = 'name='+ name + '&comment=' + comment + '&filmnumber=' + filmnumber; 

    $.ajax({ 
     type: "POST", 
     url: "comment.php", 
     data: dataString, 
     success: function() { 

     $('#<?php echo $row['Films_ID'] ?>').fadeOut('slow'); 
    document.getElementById(<?php echo $row['Films_ID'] ?>).innerHTML=xmlhttp.responseText; 
    $('#<?php echo $row['Films_ID'] ?>').fadeIn('slow'); 
     } 
    }); 

私はそれがコメントと呼ばれる私のPHPページにデータを送信してから（divの番号はコメントに関するfilm_idである）のdivをリフレッシュしたいです。あなたの助けの人たちのための

<?php 

    $comment_name = $_POST["name"]; 
    $comment_body = $s_POST["comment"]; 
    $film_no = $s_POST["filmnumber"]; 

    // Connects to your Database 
    mysql_connect("localhost", "****", "****") or die(mysql_error()); 
    mysql_select_db("ignitet1_CheckFilm") or die(mysql_error()); 

    $query1 = "INSERT INTO film_comments (comment_id,Films_ID,name,comment) 
    VALUES ('','$film_no', '$comment_name','$comment_body')"; 
    $runquery1 = mysql_query($query1)or die(mysql_error()); 

?> 

おかげで - 私はそれがに送信する

私のPHPページはこれです！

Answer 1

エントリを追加するときと同じようにAJAXを使用して、新しいエントリを追加する同じ呼び出しで更新リストを取得するか、後で2回目の呼び出しを行い、その結果を使用してページのコメントを入力します。