我正在尝试在jquery中实现一个自动完成功能,我已经用Jquery ui自动完成功能检查过了,但是没有弄清楚。
我需要以json或text的形式从url中获取数据,但每次在自动补全中更改文本时,我都应该这样做。我不应该把所有的数据都拉出来保存在客户端。
请让我知道,如果我们有任何直接的实现,这是一个插件或其他。我是jquery的新手
发布于 2012-05-23 17:23:12
您应该能够通过向source提供回调来使用jquery ui自动完成
$('#your_input').autocomplete({
source: function(request, response) {
$.ajax({
...
success: function( data ) {
response( $.map( data.field, function( item ) {
return {
...请参阅JSON example
匹配结果来自服务器的每个按键
发布于 2012-05-23 17:35:19
<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
<script type="text/javascript">
$("#input_id").autocomplete({
source: function (request, response) {
$.ajax({
url: 'URL',
dataType: "json",
data: {
filter: request.term // word being typed, can add additional params as needed
},
success: function (data) {
response($.map(eval(data), function (item) {
return {
label: item.em_name,
custom_val: item.custom_val,
custom_val2: item.custom_val2
}
}));
}
})
},
maxLength: 2, //length before search text gets submitted
select: function (event, ui) {
$("#custom_val_textbox").attr('value', ui.item.custom_val);
$("#custom_val_textbox2").attr('value', ui.item.custom_val2);
}
});
</script>https://stackoverflow.com/questions/10716985
复制相似问题