使用Ajax在表单提交到同一页面后加载PHP结果

Question

我有一个表格，想向包含电影信息的数据库提交评论。 在与表单相同的div标签中，因为我有一个php脚本，该脚本从数据库中加载有关film_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>

隐藏的值包含人们正在评论的电影的ID号。 我有这个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（div编号是与注释有关的film_id）。

我希望它发送到的我的PHP页面是-

<?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()); 

?>

感谢您的帮助！

Answer 1

像添加条目一样使用AJAX，或者在添加新条目的同一调用中获取更新的列表，或者在之后进行第二次调用，然后使用此结果填充页面上的注释。