浅谈百度智能提示

1.  分析

    先上图：

    

    这个大家都见过吧，那你如果想用到这种功能，可以采用使用百度的这个接口，简单分析一下几个参数，我们不难发现，wd是我们输入的关键字，window.bdsug.sug是个回调函数，返回的信息也在该回调函数内，这样一分析大家应该都知道怎么用了吧，下面是我做的一个小例子。

2.  应用

    先看代码：

    

<script>
     function ShowSug(json){
		  $("#sug").empty();
		 $.each(json.s,function(i,item){
			 $("#sug").append("<li>"+item+"</li>");
		 }); 
	 }
     $(function(){
		 $("#key").keyup(function(){
			    var key = $(this).val();
				$.ajax({
				    type : 'get',
					url  : 'http://suggestion.baidu.com/su',
					dataType:'jsonp',
					jsonp:"jsoncallback", 
					data :{'wd':key,'p': '3', 'cb': 'ShowSug', 't': '1324113456725' } ,
					success:function(){}
				}); 
		 }); 
	 });
	
</script>

<input type="text" id="key"  /><br />
     <ul id="sug">
     
     </ul>

在这个例子里我就用到了百度的http://suggestion.baidu.com/su这个接口，关键字从输入框中获取到，回调函数我自己定义了一个ShowSug，返回的信息就是json，从json里面就可以得到提示信息了，运行结果如下：

转载于:https://my.oschina.net/u/1177710/blog/176037