以下是我尝试appendTo使用AJAX源代码处理jQuery自动完成功能。
我有多个问题,希望能帮助许多其他正在努力理解使用和AJAX源实现自动完成的正确方法的人。
1)source: function(request, response) {...}
这是做什么的?为什么需要它。
2)function(data){ response($.map (data, function(obj) {以什么格式返回数据?我意识到数据是JSON格式的,但.map的重点是什么?有必要这样做吗?有好处吗?
3a)使用appendTo和renderItem时,是否需要返回上述success数据?
3b)根据上述数据,或者,如何正确使用appendTo和renderItem来更改检索值的格式和显示?
$(function() {
$( ".find_group_ac" ).autocomplete({
minLength: 1,
source: function(request, response) {
$.ajax({
url: "welcome/search/",
data: { term: $(".find_group_ac").val()},
dataType: "json",
type: "POST",
success: function(data){ response($.map
(data, function(obj) {
return {
label: obj.name + ': ' + obj.description,
value: obj.name,
id: obj.name
};}));}
});
}
}).data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "
" ).data( "item.autocomplete", item )
.append( "" + item.label + "
" + item.desc + "" )
.appendTo( ul );
};
});
这可能看起来有很多东西要回答,但我相信它对许多javascript新手和我自己都很有价值。