如何在MVC-php博客中使用AJAX?-动态添加评论 - How to use AJAX in an MVC - php Blog? - adding comments dynamically

我写了一个posts.php页面，其中显示了某篇文章及其评论，让用户能够动态地向该文章添加新评论。

我想使用Ajax实现*"submit_comment"*，但我真的不知道如何在MVC中实现它。

这是我的文章.pp:

<script type="application/javascript" src="Ajax/addComment.js"> </script> 
src="../views/Ajax/addComment.js"> </script> <title> Posts
(View)</title> </head>
<body> <div id="main"> <div class="container"> <?=$data['header'];?>
<div id="content">  
    <!-- Main Post -->
    <div class="content-background">
    <h2> <?=$data['title'];?></h2>
    <h4> <?=$data['date'];?> </h4>
    <p> <?=$data['content'];?></p>
    </div>
    <div id="form-content">
      <form name="commentForm" method="post">
      Enter your name:  <input type="text" name="username" id="username">&nbsp; <br />
      Enter your comment: </br> <textarea name="comment" id="comment" cols="10" rows="10"> </textarea> <br />
      <input value='Submit' type='button'  onclick='JavaScript:commentRequest2("<?=$data['id']?>")'
name='submit'>      

      </form>
    </div>
    <div id="commentArea">
        <?=include_once("comments_area.php");?>
    </div><!-- end commentArea -->

    </div>  </div> </div>

</body> </html>

这是我的帖子_Controller.php:

<?php
/**
 * This file handles the retrieval and serving of posts posts
 */
class Posts_Controller
{
    /**
     * This template variable will hold the 'view' portion of our MVC for this 
     * controller
     */
    public $template = 'posts';
    /**
     * This is the default function that will be called by router.php
     * 
     * @param array $getVars the GET variables posted to index.php
     */
    public function main(array $getVars)
    {
        $postsModel = new Posts_Model;
            }
            else{
        //get the post
        $post = $postsModel->get_main_post("`id`='", $getVars['id'], "LIMIT", "1");
        //get the comments
        $comments = $postsModel->get_comments("`postID`='", $getVars['id']);
        //create a new view and pass it our template
        $header = new View_Model('header_template');
        $view = new View_Model($this->template);

        //assign post data to view
        $view->assign('header', $header->render(FALSE));
        $view->assign('title' , $post['title']);
        $view->assign('content' , $post['content']);
        $view->assign('date' , $post['date']);
        $view->assign('by' , $post['added_by']);
        $view->assign('id' , $post['id']);
        $view->assign('commentsArr' , $comments);
        $view->render();
            }
    }
}

这是我的文章Model.php：

<?php
/**
 * The Posts Model does the back-end heavy lifting for the Posts Controller
 */
class Posts_Model
{
    /**
     * Holds instance of database connection
     */
    private $db;
    public function __construct()
    {
        $this->db = new MysqlImproved_Driver;
    }
    /**
     * Fetches article based on supplied name
     * 
     * @param string $author
     * 
     * @return array $article
     */
    public function get_main_post($cond1, $var1, $cond2 ="", $var2 = "")
    {        
        //connect to database
        $this->db->connect();
        //sanitize data
        $var1 = $this->db->escape($var1);
        $var2 = $this->db->escape($var2);
        $cond = $cond1.$var1."'"; 
        $cond.= " ".$cond2." ".$var2;  
        //prepare query
        $this->db->prepare
        (
            "
            SELECT *  FROM `posts`
            WHERE $cond
            ;
            "
        );
        //execute query
        $this->db->query();
        $article = $this->db->fetch('array');
        return $article;
    }

    public function get_comments($cond1, $var1, $cond2 ="", $var2 = "")
    {        
        //connect to database
        $this->db->connect();
        //sanitize data
        $var1 = $this->db->escape($var1);
        $var2 = $this->db->escape($var2);
        $cond = $cond1.$var1."'"; 
        $cond.= " ".$cond2." ".$var2;  
        //prepare query
        $this->db->prepare
        (
            "
            SELECT *  FROM `comments`
            WHERE $cond
            ;
            "
        );
        //execute query
        $this->db->query();
        $resultArr[0] = 0;
        $i = 1;
        while( $result = $this->db->fetch('array')){
            $resultArr[$i] = $result;
            $i++;
        }
        $resultArr[0] = $i;
        return $resultArr;
    }
}
?>

我应该在哪里添加addComment.js？（V、M还是C？）addComment应该做什么？调用什么URL/函数？

有什么建议吗？示例？

在控制器中创建一个函数，允许您将javascript文件添加到视图中。然后在控制器中调用它。它会将文件路径添加到数组中，并在显示视图之前将其分配给模板。

$view->addJavascript('/Ajax/addComment.js');

或者你可以直接使用

$js_files[] = '/Ajax/addComment.js';
$view->assign('js_files', $js_files);

那么在你看来，你可以使用

<?
   foreach($data['js_files'] as $file)
   {
       echo '<script type="application/javascript" src="'.$file.'"> </script>'
   }
?>

不确定您的路由在应用程序中的结构，但您可以创建一个类似于ajax功能的main。如果你提到更多关于URL如何路由到控制器的信息，那么我可能会提出一个更有教育意义的建议。

_{在你尝试学习如何使用MVC之前，你应该学习如何编写语义HTML和不引人注目的JavaScript！根据posts.php文件判断，您真的不知道自己在做什么}

_{我建议阅读本页的所有内容。它将包含许多关于HTML的非常好的材料。然后看这个讲座，然后看所有的节目http://yuiblog.com/crockford/.此外，我建议您阅读Eloquent Javascript的书。}

你使用的是自制的框架还是第三方产品？

不管怎样。您应该首先创建一个非AJAX方法来添加注释。在您当前的设置中，最有可能通过在Posts_Model中添加post_comment()方法来实现。然后在Posts_Controller中创建一个单独的方法，用于处理POST请求。

完成后，您可以开始使用AJAX为文章发布新的评论。您的'/views/Ajax/addComment.js'文件应该添加到posts.php文件中（您称之为"视图"，但它不是）。您应该使用绝对路径来包含该JS文件。

AJAX请求应该通过附加到<form name="commentForm">的onsubmit事件的事件处理程序来执行。您可以从表单的元素中收集数据并创建XHR请求。要了解如何做到这一点，请阅读本文。

_{也就是说，您的代码容易受到SQL注入的攻击仅仅因为你使用PDO/MySQLi，它不会神奇地保护你。实际上，您还需要了解如何使用它。我建议阅读这篇文章（是的，这是针对PDO的，但理论不会改变）。尤其是这一部分。它应该向你解释如何正确使用准备好的陈述，以及为什么它很重要。对于MySQLi等同物，您必须阅读MySQLi::bind_param()手动条目}