Question

摘要

我有一个页面的结构与你在twitter中找到的结构相同：一个帖子（“tweet”）提要，每个帖子都有一个内部有序列表（ol），其中包含对该帖子（tweet）的评论。我正在使用AJAX提交帖子（来自同一页面上的表单）以及AJAX以提交对该特定（或任何其他）帖子的评论。

问题

当我向帖子提交第一条评论时，页面会重新加载（在这种情况下会转到post_comment.php并显示其结果）。在收到第一条评论并提交第二条评论后，一切都很顺利。

我将在下面提供代码。你能帮帮我吗？这可能是一件非常简单的事情。

流量

Main_page.php - 将脚本声明到jquery，jquery表单插件和post_comment，以及主结构的显示位置。
Main_page post-post通过ajax（ajaxForm - 来自jquery表单插件）完成到main_page.php。这篇文章中还有一个表格，其中包含要发送评论的2/3元素。
发表评论 - 通过之前提交的帖子提交。通过ajaxForm调用post_comment.php。如上所述，第一次（当注释ol为空时）失败。在收到第一条评论之后，新评论就会被添加，而不会重新加载页面。

JS：

        $(function() {

//var this = $(this).closest('.form_wrapper-feed').next().find('.comments-feed').child("ol.post_comment_list");
var options = { 

    //clearForm: true,
    //resetForm: true,
    //beforeSubmit: ShowRequest,


    url: 'post_comment.php',
    success: function(html) 
    {

    var arrHTML = html.split('|');
        var postId = $.trim(arrHTML[0]);
        var html_code =  arrHTML[1];
        var target = 'ol#post_comment_list'+postId;
        console.log('codigo html'+html_code);
        console.log('aqui vai o post id'+postId);
        console.log('aqui vai o target'+target);
        $('ol#post_comment_list'+postId).append(html_code);
        //$('ol#post_comment_list'+postId 'li:first').slideDown('slow');
        $('.footer-post').hide();
        $('.comments-feed').delay(2000).slideUp({duration: 1000, queue: true});
        $('.small-textarea-main-feed').removeClass('set-large');
        resetForm($('.footer-comment'));
    },
    error: function()
    {
        alert('ERROR: unable to upload files');

    },
    complete: function() 
    {

        //$('form#post-question-form')[0].reset();
        //resetForm($('#post-question-form'));

    },


}; 

        $(".footer-comment").ajaxForm(options);

         function ShowRequest(formData, jqForm, options) {
         var queryString = $.param(formData);
          alert('BeforeSend method: \n\nAbout to submit: \n\n' + queryString);
          return true;
         }

function resetForm($form) {
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox')
         .removeAttr('checked').removeAttr('selected');

}




     });

PHP（发表评论）

     <?php
              include 'C:/xampp/htdocs/dh/core/init.php';
              // form registration validation
              if (empty($_POST) === false) {
                $required_fields = array('comment');

                foreach($_POST as $key => $value) {
                  if (empty($value) && in_array($key, $required_fields) === true) {
                    $errors[] = 'All fields are required';
                    break 1;
                  }
                }


                if (empty($errors) === true) {

                  // preg_match retunns an int, so it has only 2 == as oppposed to ===
                  if (strlen($_POST['comment']) > 300) {
                    $errors[] = 'Your answer must be less than 300 characters';
                  }

                }

              }
              //print_r($errors);

              ?>



              <?php 
              if (empty($_POST) === false && empty($errors) === true) {
                //register user
                $post_comment = array(
                  'comment'      => $_POST['comment'],
                  'id'      => $_POST['id'],
                  );


                //echo $post_comment['id'];

                $user_id = $_SESSION['user_id'];
                post_comment_db($user_id, $post_comment);
                  //print_r($post_question['tags']);
                echo load_comment($user_id,$post_comment);
                //add_new_comment();
                //load_top_questions();


              } else{
                echo output_errors($errors);
              }
              ?>

PHP / HTML（...使用以下代码添加新注释 - post_comment.php的输出 - 此部分在separeted users.php文件中计算）

          function load_comment($user_id,$post_comment){

            $comment = $post_comment['comment'];
            $username = mysql_result(mysql_query("SELECT `username` FROM `users` WHERE `user_id` = $user_id"), 0, 'username');
            $comment_id = mysql_result(mysql_query("SELECT `comment_id` FROM `comments` WHERE `message` = '$comment'"), 0, 'comment_id');
            $timestamp = mysql_result(mysql_query("SELECT `timestamp` FROM `comments` WHERE `comment_id` = $comment_id"), 0, 'timestamp');
            //$timestamp = mysql_result(mysql_query("SELECT `timestamp` FROM `comments` WHERE `user_id` = $user_id"), 0, 'timestamp');
            $r = format_time($timestamp);

            $question_id = $post_comment['id'];

            $q = "SELECT `comment_id` FROM `question_has_comments` WHERE `question_id` = $question_id ORDER BY `timestamp` DESC LIMIT 1" ;
            $q = "SELECT `comment_id` FROM `comments` WHERE `question_id` = $question_id ORDER BY `timestamp` DESC LIMIT 1" ;

            $post_id = $post_comment['id'];

            $send_back = $post_id . '|' . '<li id="' .$post_comment['id']. '" class="post_comment">                                     

                        <div id="" class="give-margin">
                            <div id="" class="profile-page-avatar-wrapper"> 
                                <a href="#"><img id="" class="profile-page-avatar-image" src="./images/test/chemistry.jpg" alt=""></a><!--  A imagem -->
                            </div>

                            <div id="" class="profile-page-uploader-tools"> 

                                <div id="" class="profile-image-btn">
                                    <div id="" class="profile-page-btn-wrapper">
                                        <div id="" class="header-id">
                                            <a href="#"><span id="user-name">' . $username . '</span></a>   
                                        </div>
                                        <div id="" class="question-page-feed-answer-header-timer">
                                            <a id="feed-answer-header-timer" href="#"><span class="timer" data-time="">' . $r . '</span></a>
                                        </div>
                                    </div> <!-- fecha Div wrapper do botao-->
                                </div> 

                                <p>' . $post_comment['comment'] . '</p>
                            </div>                                  
                        </div>
                    </li>
                ';

            echo $send_back;
            }

麻烦通过AJAX对评论列表进行第一次评论

0 个答案: