gpt4 book ai didi

jQuery UI 自动完成的 jQuery 自动完成插件

转载 作者:行者123 更新时间:2023-12-01 02:23:51 25 4
gpt4 key购买 nike

我使用维基百科的 API 有一个简单的维基百科自动完成功能。

目前它正在使用 jQuery 自动完成插件,我想使用 jQuery UI 来实现它。

有人可以指导我吗?

这是使用该插件的工作演示的 fiddle : http://jsfiddle.net/VjLnv/

这是 JS:

function attachWikiAutoComplete(expression) {
$("#artist").autocomplete("http://en.wikipedia.org/w/api.php", {
dataType: "jsonp",
parse: function(data) {
var rows = new Array();
var matches = data[1];
for( var i = 0; i < matches.length; i++){
rows[i] = { data:matches[i], value:matches[i], result:matches[i] };
}
return rows;
},
formatItem: function(row) { return row; },
extraParams: {
action: "opensearch",
format: "json",
search: function () { return $("#artist").val() } },
max: 10
});
}

非常感谢

最佳答案

这是 jQueryUI 自动完成中的等效代码:

$("#artist").autocomplete({
source: function(request, response) {
$.ajax({
url: "http://en.wikipedia.org/w/api.php",
dataType: "jsonp",
data: {
'action': "opensearch",
'format': "json",
'search': request.term
},
success: function(data) {
response(data[1]);
}
});
}
});

工作示例: http://jsfiddle.net/UGYzW/2/

关于jQuery UI 自动完成的 jQuery 自动完成插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7834174/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com