我一直在这方面工作,并搜索了所有其他的例子,似乎仍然无法弄明白,试图使用jquery ui autocomplete,第一次尝试把这一切都放在一起.这是我的JS:
$(document).ready(function () {
$("#search-title").autocomplete({
source: function ( request, response ) {
$.ajax({
url: "/include/autocomplete",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response( $.map( data.stuff, function ( item ) {
return {
label: item.name,
value: item.name
};
}));
}
});
},
minLength: 2,
focus: function (event, ui) {
$(event.target).val(ui.item.label);
return false;
},
select: function (event, ui) {
$(event.target).val(ui.item.label);
window.location = ui.item.value;
return false;
}
});
});
Run Code Online (Sandbox Code Playgroud)
检查Firebug中的响应,我想我在这里得到了格式正确的JSON:
{"stuff":[ {"label" : "Dragon", "value" : "http://site.com/animal/firebreathers"}] …Run Code Online (Sandbox Code Playgroud)