ThinkPHP示例：Ajax表单提交

Ajax表单提交和普通表单处理的区别之处，就是页面提示不再采用默认的跳转页面方式，而是采用Ajax方式进行页面无刷新提示，并且比表单处理示例多了数据查询操作，如图所示：

默认的操作需要获取数据列表，关键代码：

    public function index() {

        $Form = M("Form");

        // 按照id排序显示前5条记录

        $list = $Form->order('id desc')->limit(5)->select();

        $this->list =   $list;

        $this->display();

    }

检测标题的Ajax响应操作是checkTitle操作方法：

    public function checkTitle($title='') {

        if (!empty($title)) {

            $Form = M("Form");

            if ($Form->getByTitle($title)) {

                $this->error('标题已经存在');

            } else {

                $this->success('标题可以使用!');

            }

        } else {

            $this->error('标题必须');

        }

    }

如果没有输入标题，则会提示：

处理表单请求数据的方法稍作改进，采用AjaxReturn方法返回JSON数据到浏览器：

    public function insert() {

        $Form = D("Form");

        if ($vo = $Form->create()) {

            if (false !== $Form->add()) {

                $vo['create_time'] = date('Y-m-d H:i:s',$vo['create_time']);

                $vo['content'] = nl2br($vo['content']);

                $this->ajaxReturn($vo,'表单数据保存成功！',1);

            } else {

                $this->error('数据写入错误！');

            }

        } else {

            $this->error($Form->getError());

        }

    }

前端采用了Jquery类库进行Ajax操作，详细JS方法可以右键查看源码具体查看。

下载源代码：

点击下载