CakePHP在输入期间提交搜索字段抛出Ajax

时间:2012-07-04 11:35:18

标签: jquery ajax cakephp autocomplete form-submit

在我的CakePHP应用程序中,我设置了一个搜索字段并正常工作:

/* title search */

if (!empty($this->data)) {
$title = $this->data['Post']['title'];
$conditions = array(
    'conditions' => array(
    'and' => array(
        'Post.title LIKE' => "%$title%",
        'Post.status_id =' => '1'
    )
    )
);
$this->set('posts', $this->Post->find('all', $conditions));
}

我想要实现的是添加jQuery / Ajax以在文本输入期间自动提交表单并“动态”加载搜索结果。无论是在其他角色上,还是按时间间隔......

我发现的大部分(如果不是全部)有关此主题的信息仅适用于Cake 1.x,并且在此处不起作用。我正在寻找的功能应该与Cakes文档的自动完成搜索字段非常相似。

有人能指出我正确的方向吗? (我是所有这一切的新手)

1 个答案:

答案 0 :(得分:0)

嗯,首先,它有两个部分: - 服务器端(在您的控制器和/或型号中) - 客户端(在您的views / js库中)

在控制器中,您需要创建与您发布的功能类似的功能。让它接受想要的标题作为参数。最好将结果作为json返回。

在视图中你需要表单(显然)和一些javascript使用ajax调用来提交查询和一个处理结果的函数。开箱即用的是jQuery UI自动完成功能 http://www.devbridge.com/projects/autocomplete/jquery/