我有一个搜索表单,我想在输入 3 个字符时通过 jQuery 自动完成显示建议。这些建议来自 mySQL 数据库。
发生了什么:jQuery 成功地将键入的字符传输到 PHP 文件,并在其中成功嵌入到 mySQL 查询中。
当我使用假定的搜索词单独打开 PHP 文件时,f.e.像这样: /soplogsearch.php?term=xyz
它工作完美,我看到了 echo json_encode($return_arr);
的目标结果
但回到 HTML 搜索表单文件自动完成并没有任何提示。我在控制台中没有错误。我尝试在 HTML 文件的其他位置回显 json_encode,但其输出为 Null
。
我为(非常简单的)Javascript/jQuery 和 HTML 设置做了一个 fiddle :https://jsfiddle.net/9bf6s07f/1/
相关的 PHP 代码如下所示:
if (isset($_GET['term']))
{
$term = $_GET['term'];
$termwild = "%$term%";
$return_arr = array();
$service = mysql_query("SELECT DISTINCT service FROM master WHERE service LIKE \"" . $termwild . "\"");
while ($data = mysql_fetch_array($service))
{
$return_arr[] = $data[0];
}
json_encode($return_arr);
echo json_encode($return_arr);
}
编辑:为了更快地访问,我在此处包含了代码的 HTML 和 jQuery 部分,而不是将您链接到 fiddle https://jsfiddle.net/9bf6s07f
<body>
<label>Service:</label>
<input type='text' name='' value='' class='auto'>
</body>
和 jQuery:
$(document).ready(function() {
$(function() {
$(".auto").autocomplete({
source: "soplogsave.php",
minLength: 3
});
});
});
有人知道我做错了什么吗?我用一组 JavaScript 变量单独测试了自动完成功能,效果很好。
编辑2:因为所有评论似乎都暗示我的PHP是错误的,并且我在控制台中出现错误,所以我从控制台的网络选项卡中截取了屏幕截图:http://i.imgur.com/i6nAQ98.png
最佳答案
这就是我在代码中实现它的方式:
PHP
$param = $_GET["term"];
$stk_adddep = "
SELECT * FROM stocktake_products WHERE stocktake_id = '{$stocktake_id}' AND is_deli = 0 AND (product_code LIKE '%{$param}%' OR product_name LIKE '%{$param}%'); ";
//FB::info($stk_adddep);
//echo $stk_adddep;
//die();
$result = db::c()->query($stk_adddep);
while ($row = $result->fetch(PDO::FETCH_ASSOC)) {
$row_array['itemCode'] = $row['product_code'];
$row_array['itemDesc'] = $row['product_name'];
//$row_array['itemPrice'] = $row['unit_cost_price'];
array_push( $return_arr, $row_array );
}
/* Free connection resources. */
//mysql_close($conn);
/* Toss back results as json encoded array. */
echo json_encode($return_arr);
然后是 JavaScript
$(document).ready(function(){
// Use the .autocomplete() method to compile the list based on input from user
var url10 = '<?php echo Navigation::gUrl('/users/admin/stocktake_details_cocktails.php', array('stocktake_id' => $stocktake_id, 'action' => 'find_products'));?>';
$('#itemCode').autocomplete({
source: url10,
minLength: 1,
select: function(event, ui) {
var $itemrow = $(this).closest('tr');
// Populate the input fields from the returned values
$itemrow.find('#itemCode').val(ui.item.itemCode);
$itemrow.find('#itemDesc').val(ui.item.itemDesc);
//$itemrow.find('#itemPrice').val(ui.item.itemPrice);
// Give focus to the next input field to recieve input from user
$('#itemQty').focus();
return false;
}
// Format the list menu output of the autocomplete
}).data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.itemCode + " - " + item.itemDesc + "</a>" )
.appendTo( ul );
};
看看是否可以将其应用到您的代码中?
关于javascript - PHP 数组作为 jQuery 自动完成的 JSON 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34856172/