autocomplete远程ajax请求json数据或本地数据

autocomplete ajax请求事列:

一:远程获取数据

  <link href="js/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/jquery-ui.min.js"></script>
  <script type="text/javascript">
	$(".input").autocomplete({
		source: function(request, response) {
			$.ajax({
				url:’https://suggest.taobao.com/sug?code=utf-8&q=’+$(’.input’).val()+’&_ksTS=1469169394745_1092&k=1&area=c2c&bucketid=20’,
				type:"get",
				dataType:’jsonp’,
				success: function(data){
					var mycars=new Array()
					for(var i=0;i<data.result.length;i++){
						mycars[i]=data.result[i][0];
					}
					response(mycars.slice(0, 10));
				}
			});
		}
    });
  </script>

二：本地获取数据

var availableTags=["淘拜网","淘宝网","淘电影","淘电影2"];
$(".input").autocomplete({
		source: function(request, response) {
			var results = $.ui.autocomplete.filter(availableTags, request.term);//availableTags.txt
			response(results.slice(0, 10));
    	}
});

注意都必须要到日jquery-ui.min.js和jquery-ui.min.css这两个文件；