【发布时间】:2016-07-05 13:34:07
【问题描述】:
我是 CakePHP3 (+stackoverflow) 的新手,并尝试实现自动完成功能。我想将自动完成功能附加到我的 index.ctp 中的搜索输入。
- 请求返回所有汽车对象(忽略 get.term)
- 响应未附加到搜索输入
得到一些帮助会很好 - 谢谢!
index.ctp
<?php
echo $this->Form->create('Cars');
echo $this->Form->input('name', [
'label' => 'Search',
'id' => 'autocomplete',
'class' => 'ui-autocomplete'
]);
echo $this->Form->button('Search', ['type' => 'submit']);
echo $this->Form->end();
?>
<script>
$("#autocomplete").autocomplete(
{
search: function () {},
source: function (request, response)
{
$.ajax(
{
source: "/cars/autocomplete",
dataType: "json",
data:
{
term: request.term,
},
success: function (data)
{
response(data);
console.log(data);
}
});
},
minLength: 2
});
</script>
CarsController.php
function autocomplete() {
if ($this->request->is('ajax','get')) {
$term = $this->request->data["term"];
$terms = $cars->find('all', [
'conditions' => ['Cars.name >' => $term],
'limit' => 10
]);
$data = array();
foreach($terms as $term) {
$row = $term->name;
array_push($data, $row);
}
// $this->layout = 'ajax';
$this->set('terms', $terms);
echo json_encode($data);
// return json_encode($data);
}
else {
echo json_encode('Nothings found');
}
}
【问题讨论】:
标签: jquery ajax autocomplete cakephp-3.0