[英]jQuery autocomplete with json/ajax and odbc results
希望找到答案。
我用PHP构建了一个Web应用程序,其中有一个记录列表和一些搜索字段。 搜索字段之一是“客户编号”。 客户编号保存在本地数据库(MySQL)中。 如果我搜索一个customernumber,它将为我提供数据库=>逻辑的相应结果行。
现在,我想使用jQuery UI Autocomplete为该搜索字段构建扩展。
我想做的事:
我希望用户能在搜索字段“ customernumber”中的customerNAME上进行搜索,然后自动完成功能将正确的customernumber输入值中。
客户名称也与客户编号一起保存在外部ODBC数据库中。
我已经做了什么:
我试图从外部ODBC数据库中获取所有名称和数字,并且得到了这样的列表:
customername: somename1
customernumber: number1
customername: somename2
customernumber: number2
customername: somename3
customernumber: number3
... and so on
如果我也使用ajax调用来自动完成此列表,则根本不起作用。
有人可以帮帮我吗!? 经过几番搜索,我在互联网上或附近没有找到答案。
我真的会很棒! 谢谢!
我到目前为止的例子:
jQuery脚本:
<script
$(function() {
function log( message ) {
$( "<div/>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$( "#customer" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "customers.php",
dataType: "json",
success: function( data ) {
response( function( item ) {
return {
label: item.customername,
value: item.customernumber
}
});
}
});
},
minLength: 3,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.label :
"Nothing selected, input was " + this.value);
}
});
});
</script>
输入HTML:
<div class="ui-widget">
<label for="customer">Search</label>
<input id="customer" />
</div>
customer.php中的SQL查询
$connection = odbc_connect('host', 'username', 'password')
or die('Connection failed!');
$sql = "SELECT 'customername', 'customernumber' FROM 'database.table'";
$results = odbc_exec($connection, $sql);
while($myRow = odbc_fetch_array($results)){
$rows[] = $myRow;
};
foreach($rows as $row) {
foreach($row as $key => $value) {
echo $key . ': '. $value . '<br/>';
}
};
要清楚
我在搜索框中输入customerNAME,并希望检索customerNUMBER作为值。
您必须以正确的格式传回数据。
while($r = odbc_fetch_array($results))
$rows[] = array("label" => $r[0], "value" => $r[1]);
echo json_encode($rows);
$("#search").autocomplete({
//define callback to format results
source: function(request, response){
//pass request to server
$.getJSON("query.php?term=" + request.term, function(data) {
response(data);
});
});
});
有关更多选项,请参见jQuery UI 文档 。
当前解决方案的编辑问题
odbc_fetch_array可能在某些RDBS上返回不带列名的值(使用print_r进行调试)
名字号码鲍勃123
变成
Array
(
[0] => "Bob"
[1] => 123
)
JSON输出甚至无效(使用firebug进行调试),当前示例的输出为:
0:“鲍勃” 1:123
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.