ajax实现留言板功能 -

首先理解ajax是实现页面无刷新效果,留言就是要这种效果,当发布留言时候直接展示留言内容在下面.

好了直接上代码

1.新建一个控制器,内容如下:

 

selData();            //查询已有数据,首页进行展示
        $this->assign('leaveData',$leaveData);    //渲染模板数据
        return $this->fetch('leaveword-form');    //渲染模板
    }
    public function leave()    //留言方法
    {
        if($this->request->isAjax())    //判断是否为ajax请求
        {
            $post = $this->request->post();    //接收请求传递的数据
            $post['leavetime'] = time();        //获取当前时间存入数据数组中
            $model = model('Leaveword');
            $addRes = $model->doleave($post);    //执行留言添加
            if($addRes)
            {    //判断添加留言结果
                $newdata = $model->selOne();    //查询最新留言信息
                $newdata['leavetime'] = date('Y-m-d H:i:s',$newdata['leavetime']);
                $this->success('留言成功','Index/index',$newdata,0);
            }
            else
            {
                $this->error('留言失败');
            }
        }
    }
}

 

2.创建对应模型

 

save($post);
    }
    public function selData()    //查询数据方法
    {
        return $this->order('leavetime desc')->select();
    }
    public function selOne()    //最新添加留言方法
    {
        return $this->order('leavetime desc')->find();
    }
}

 

3.视图层

主要是一些样式,这个可以自己调整自己喜欢的样式(楼主引用了一个bootstrop的样式)

主要看下面的ajax部分,替换插入数据是重点,下面会有相应注释:

 

    
    
    
    
    




    

        
留言:
    
    

        
姓名:
    
    

        

            提交留言
        
    


//这是首页展示内容
$v) {?>
        //把查询的数据循环展示
        

    

    

        
id
        
留言人
        
留言内容
        
留言时间
    
    
    

    

        

        

        

    
    
    






//    *首先引入jquery文件

4.这样ajax留言板就完成了,有不正确或者不合理的地方欢迎与楼楼私聊~