jQuery自动完成显示空结果
jQuery自动完成显示空结果
提问于 2017-07-06 05:31:31
我有一个PHP脚本可以从我的数据库中获取所有病人的名字：
<?php
error_reporting(E_ALL);
ini_set("display_errors", 1);
require_once('connection.php');
header("Content-type:application/json");
$cid = $_SESSION['clinic_id'];
$res = array();
$getPatients = "SELECT * FROM patient WHERE clinic_id = :cid ORDER BY patient_id DESC";
$execGetPatients = $conn->prepare($getPatients);
$execGetPatients->bindValue(':cid', $cid);
$execGetPatients->execute();
$getPatientsResult = $execGetPatients->fetchAll();
$i = 0;
foreach($getPatientsResult as $result)
{
$res[$i] = $result;
$i++;
}
echo json_encode($res);
?>我有一个文本框，在该文本框中，我希望使用patient_name自动完成库将jquery-ui显示为自动完成。
下面是我的jQuery脚本：
$(document).ready(function()
{
$( "#searchTxt" ).autocomplete({
source: "../php/autoComplete.php"
});
})我可以看到，如果在“网络”选项卡上键入名称，则可以看到返回的数组：
但是在文本框中，我看到自动完成器是空的，如下所示：
，它显示的是两个白框，而不是返回的数组中的一个。
回答 4
Stack Overflow用户
发布于 2017-07-06 05:44:54
对于这种结果，这是一个很好的插件：https://twitter.github.io/typeahead.js/
Stack Overflow用户
发布于 2017-07-06 05:45:58
我认为这是因为您传递的数据，似乎有多个列，您需要指定label和value，或者应该是简单的数组(按照您的代码，应该是这样的数据)
var availableTags = [
"ActionScript",
"COBOL",
"ColdFusion",
];您可以查看更多关于自定义字段传递的信息。
Stack Overflow用户
发布于 2017-07-06 06:02:07
Twitter typeahead.js是实现此功能的最佳选择。
请仔细研究一下，用PHP、AJAX和TypeAhead.js实现它。
<script>
$(function() {
$("#searchTxt").typeahead({
source: function(query, process) {
var textVal=$("#searchTxt").val();
$.ajax({
url: '/php/autoComplete.php', // Please add full URL here
type: 'POST',
data: 'term=' + textVal,
dataType: 'JSON',
async: true,
success: function(data) {
process(data);
console.log(textVal);
}
});
}
});
});
</script>链接到TypeAhead.js
如果你需要帮助，请告诉我。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44940474
复制相关文章
相似问题
腾讯云开发者
