jQuery 入门教程(25): jQuery UI Autocomplete示例（三）

AutoComplete在用户输入时，可以根据用户输入给出提示。其数据源可以来自本地，也可以使用远程数据源，AutoComplete 的DataSource可以使用一个Function，本篇中的Function，我们使用JSONP查询。　
当数据源为Function时，其函数定义为：
Function( Object request, Function response( Object data））
其中 request 为请求，它含有一个term属性，为当前用户输入。
response 为一回调函数，它有一个参数data,用来提示用户的数据，这个值理应根据输入的term进行过滤。
本例使用由genames提供的Web Service。可以查询世界的城市名称。使用了jQuery 提供的.ajax 函数来访问这个Web Service.

1	$( "#city" ).autocomplete({

2	source: function( request, response ) {

3

$.ajax({

4	url: "http://ws.geonames.org/searchJSON",

5	dataType: "jsonp",

6

data: {

7	featureClass: "P",

8	style: "full",

9	maxRows: 12,

10	name_startsWith: request.term

11

},

12	success: function( data ) {

13	response( $.map( data.geonames, function( item ) {

14

return {

15	label: item.name + (item.adminName1 ? ", "

16	+ item.adminName1 : "") + ", " + item.countryName,

17	value: item.name

18

};

19

}));

20

}

21

});

22

},