【问题标题】:comment bar mysql php and ajax评论栏 mysql php 和 ajax
【发布时间】:2013-06-01 16:43:55
【问题描述】:

我正在尝试使用 PHP、AJAX、MySQL 和 json 编码创建一个简单的评论栏。

我有两个用 php 编写的文件,第一个是一个控制器,代码如下:

<?php
    require("../includes/config.php");
    if ($_SERVER["REQUEST_METHOD"] == "GET") {

        $comments = query("SELECT comments.comment, comments.author, comments.time FROM comments WHERE workid = ?", $_GET["workid"]);
        echo json_encode($comments);

    }
    else if ($_SERVER["REQUEST_METHOD"] == "POST") {
        if (empty($_SESSION["userid"])) {
            throw new Exception("Login");
        }
        else {

        $result = query("INSERT INTO comments (comment, author, time, workid) VALUES(?, ?, ?, ?)", $_POST["text"], $_SESSION["userid"], date("Y-m-d H-i-s"), $_POST["workid"]);
        if ($result !== false) {
            echo "success";
        }
        }


    }

?>

第二个据称是根据来自控制器的数据显示来自 MySQL 的记录:

<script>
//loads the comments
$(document).ready(function(){
    var comment;
    $.ajax({
        type: "GET",
        url: "../html/comments.php",
        data: {
            workid: <?php echo $id;?>
        },
        dataType: "json",
        success: function(e) {
            var lis = "";
            for (var i = 0; i < e.length; i++) {
                comment = e[i];
                lis +=

                "<li class='comment'>" + 
                "<div class='well'>" +
                "<p>" + 
                "<a class='username' href='#'>" + comments.author + ": " + "</a>" +
                comments.comment + 


                "</p>" + 

                "<small class='pull-right'>" + comments.time + "</small>" +

                "</div>" + 

                "</li>";



            }
            $("#comments").html(lis);

        },
        error: function(e) {
            $("#comments").html(
                "<li class='comment'> Couldn't load comments </li>"
                );
        }

    });
});
</script>

<script>
$(document).ready(function(){
    $("#comment-button").click(function(){

        $.ajax({
            type: "POST",
            url: "../html/comments.php",
            data: {
                workid: <?php echo $id;?>,
                text: $("#comment-textarea").val()
            },
            dataType: "text",
            success: function(e) {
                var comment;
                $.ajax({
                    type: "GET",
                    url: "../html/comments.php",
                    data: {
                        workid: <?php echo $id;?>
                    },
                    dataType: "json",
                    success: function(e) {
                        var lis = "";
                        for (var i = 0; i < e.length; i++) {
                            comment = e[i];

                            lis +=

                            "<li class='comment'>" + 
                            "<div class='well'>" +
                            "<p>" + 
                            "<a class='username' href='#'>" + comments.author + ": " + "</a>" +
                            comments.domment + 


                            "</p>" + 

                            "<small class='pull-right'>" + comments.time + "</small>" +

                            "</div>" + 

                            "</li>";



                        }
                        $("#comments").html(lis);
                        $("#comment-textarea").val("");

                    },
                    error: function(e) {
                        $("#comments").html(
                            "<li class='comment'> Couldn't load comments </li>"
                            );
                    }

                });
            }


        });


});
});
</script>

除了最后一步,一切都很好;显示数据库中的数据时,唯一显示的是语句“未定义”而不是正确数据。除此之外,cmets 的数量和表格显示正确。我正在使用安装了 php 的 Apache 服务器。

【问题讨论】:

  • 代码是 PDO 吗??
  • 是的。 PDO 也已启用。
  • 能否提供方法/函数查询()的代码
  • @JakubSedlacek:你试过我的建议了吗?成功了吗?
  • -1 表示未回复@ExpertSystem,+1 表示他们的回答。

标签: php mysql ajax json apache


【解决方案1】:

在您的 JavaScript 代码中,您需要将 comments.&lt;xxx&gt; 替换为 comment.&lt;xxx&gt;,因为 comments 在您的 JaveScript 中确实是一个未定义的对象。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-09-17
    • 1970-01-01
    • 2012-11-14
    • 1970-01-01
    • 2016-10-13
    • 2015-04-04
    • 2016-07-31
    相关资源
    最近更新 更多