淺談百度智能提示

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裏面就能夠獲得提示信息了，運行結果以下：