最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

Ajax应用:jQuery+PHP+MySQL发表评论

来源:http://www.erdangjiade.com/ 沐浴春风 2015-04-26 08:48浏览(1759)

在本文中,我将带你一起使用PHP,MySQL和jQuery创建一个快速高效的发表评论的功能。您可以将此功能应用在留言、评论等领域。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

分类:其它特效 > Ajax 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

HTML

首先我们放置一个评论表单和显示评论列表#comments

<div id="post"> 
   <h3>发表评论</h3> 
   <p>昵称:</p> 
   <p><input type="text" class="input" id="user" /></p> 
   <p>评论内容:</p> 
   <p><textarea class="input" id="txt" style="width:100%; height:80px">

jQuery

接着调用评论列表,并且通过Ajax发布评论:

$(function() {
    var comments = $("#comments");
    $.getJSON("ajax.php",
    function(json) {
        $.each(json,
        function(index, array) {
            var txt = "<p><strong>" + array["user"] + "</strong>:" + array["comment"] + "<span>" + array["addtime"] + "</span></p>";
            comments.append(txt);
        });
    });

    $("#add").click(function() {
        var user = $("#user").val();
        var txt = $("#txt").val();
        $.ajax({
            type: "POST",
            url: "comment.php",
            data: "user=" + user + "&txt=" + txt,
            success: function(msg) {
                if (msg == 1) {
                    var str = "<p><strong>" + user + "</strong>:" + txt + "<span>刚刚</span></p>";
                    comments.append(str);
                    $("#message").show().html("发表成功!").fadeOut(1000);
                    $("#txt").attr("value", "");
                } else {
                    $("#message").show().html(msg).fadeOut(1000);
                }
            }
        });
    });
});

Mysql

最后附上表comments结构:

CREATE TABLE `comments` ( 
  `id` int(11) NOT NULL auto_increment, 
  `user` varchar(30) NOT NULL, 
  `comment` varchar(200) NOT NULL, 
  `addtime` datetime NOT NULL, 
  PRIMARY KEY  (`id`) 
) ENGINE=MyISAM;

赶紧去试试吧,点击评论

标签: ajax评论
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/84.html
评论3
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 板凳
    05-23 16:15
    caihong
    這個感覺不怎麽樣
  • 头像 椅子
    05-20 22:17
    cchong
    這個可以用嗎
  • 头像 沙发
    03-26 11:16
    Admit
    怎么测试不成功啊
1 2