我想使用jquery ajax发表评论

时间:2015-05-25 04:31:14

标签: jquery

我想使用jquery ajax发布评论,同时使用jquery ajax获取发布的评论。任何人都可以帮助我使用jquery ajax吗?

1 个答案:

答案 0 :(得分:1)

您的问题不是很清楚,您应该进一步解释您的需求,并提供您目前所拥有的示例代码。

我希望这有帮助

HTML代码

<div id='old_comment'></div>
<textarea id='comment'></textarea>
<button id = 'btn'>Post Comment</button>

Jquery代码

$("document").ready(function() {
   $("#btn").click(postComent);

});

function postComent(){
    $("#old_comment").html("posting comment ...");  
    $.ajax({
        url : 'url to php script',
        data : {
            comment : $("#comment").val()
        },
        datatype : "json",
        type : 'post',
        success : function(result) {
                $("#old_comment").html(result);
        },
        error : function() {
            alert("Error reaching the server. Check your connection");
        }
    });
}

PHP代码

<?php
mysql_connect("localhost", "root", "root") or die("connecting");                             
mysql_select_db("my_db")or die("database");
$com = $_POST['comment'];

$query = "INSERT INTO comments(comment) VALUES('".$com."')";
mysql_query($query);

mysql_connect("localhost", "root", "root") or die("connecting")                           
mysql_select_db("my_db")or die("database");
$sql = "SELECT comment FROM comment";
        $res = mysql_query($sql);
        $result = "";
        while($row = $res->fetch_row()){
                $result .= $row[0]."<br/>";
        }   
        echo $result;
?>

数据库结构

Create database my_db;
Create table comments int id auto_increment, varchar(255) comment not null;