评论功能实现---ajax方式将数据序列化后get传到后端以及表单序列化拼接

表单序列化拼接

$.ajax({
            type: "post",
            url: "{:url('purchase_order/product_approval')}",
            data: $.param({ product_lists: list }) + '&' + $('#comment').serialize(),//product_list为产品json字符串
            dataType: "json",
            success: function (res) {

                return false;
                if (res['code'] == 0) {
                    layer.msg(res['info']);
                    return false;
                }
                layer.msg(res['info'], { icon: 1, time: 1000 }, function () {
                    setTimeout('window.location.reload()', 1000);
                });
            }
        });

前端代码

{//添加表单评论功能}
        <h4>发表评论</h4>
        <form class="form-horizontal" id="comment">
            <input type="hidden" name="article_id" value="{$art.id}">
            <input type="hidden" name="user_id" value="{$art.user_id}">
            <textarea name="content" id="" cols="90" rows="10"></textarea>
            <button type="button" class="btn btn-info" id="submit">提交</button>
        </form>
        <br>
        <p class="text-success" id="res"></p>
        {volist name="commentList" id="comment" empty="没有评论"}
            <div>
                <p>{$comment.user_id|getUserName}&nbsp;&nbsp;&nbsp;{$comment.create_time|date='Y年m月d日'}</p>
                <div style="min-height: 50px">{$comment.content}</div>
                <hr>
            </div>
        {/volist}

jquery传输数据代码

 //评论功能 ajax提交
            $('#submit').on('click',function(){
                $.get("{:url('insertComment')}",$('#comment').serialize(),function(data){
                    if(data.status==1){
                        $('#res').text(data.message);
                    }else {
                        $('#res').text(data.message);
                    }
                })
            });

获取文章评论数据插入数据库

//文章评论数据插入数据库
    public function insertComment()
    {
        if(Request::isAjax()){
            //1.获取到评论功能
            $data = Request::param();
            //2.将用户留言存到表中
            if(Comment::create($data,true)){
                return ['status'=>1,'message'=>'评论发表成功'];
            }
            return ['status'=>0,'message'=>'评论发表失败'];
        }

    }

将文章评论数据返回前端

//显示添加的评论信息
        $this->view->assign('commentList',Comment::all(function($query) use ($artId){
            $query->where('status',1)//允许显示
                ->where('article_id',$artId)//当前文档的ID
                ->order('create_time','desc');//最新评论排在最前面
        }));