我的怎么不出現(xiàn)智能提示框啊,但是可以直接搜索
<!DOCTYPE html>
<html>
<head>
??? <meta http-equiv="X-UA-Compatible" content="IE=edge">
?<meta charset="UTF-8">
?<title>Document</title>
?<link href="css/style.css" rel="stylesheet">
?<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
?<div>
??? <div>
??<div></div>
??<form action="http://cn.bing.com/search" target="_blank" id="search-form">
???<input type="text" name="q" id="search_input" autocomplete="off"/>
???<input type="submit" value="" />
??</form>
??? </div>
???
?</div>
?<div id="search-suggest" style="display:none">
??<ul id="search-result">
???<li>搜索結(jié)果1</li>
???<li>搜索結(jié)果2</li>
???<li>搜索結(jié)果3</li>
??</ul>
?</div>
?<script>
? $("#search_input").bind("keyup",function(){
?? var searchText = $("#search_input").val();
?? $.get("http://api.bing.com/qsonhs.aspx?q="+searchText,function(d){
??? var d =d.AS.Results[0].Suggests;
??? var html ="";
??? for(var i =0;i<d.length;i++){
???? html+="<li>"+d[i].Txt+"</li>";
??? }
??? $("#search-result").html(html);
???? $("#search-suggest").show().css({
??? top:$("#search-form").offset().top+$("#search-form").height()+10,
??? left:$("#search-form").offset().left,
??? position:"absolute"
?? });
?? },"json");
??
? });
? $(document).bind("click",function(){
?? $("#search-suggest").hide();
? });
?</script>
</body>
</html>
2016-08-31
跨域問題,你是localhost,需要利用相關(guān)工具改為api.bing.com;ajax的跨域問題很常見,你可以搜索一下.
2017-06-23
下面是www.92find.com的幾家客戶的實例,有211、985大學,有電商,有信息門戶
?
2017-03-15
實現(xiàn)一個智能提示功能需要ajax、數(shù)據(jù)庫、jsp/php、算法等很多知識,
如果數(shù)據(jù)量大,還需要特殊優(yōu)化
一個小功能,花費太大精力很不劃算
我使用了92find.c-o-m的搜索框智能提示功能托管服務,
只要一行javascript代碼就可以實現(xiàn)百度、淘寶搜索框提示的全部功能
比如:漢字拼音匹配、拼音前綴匹配、模糊搜索、智能容錯,還可以自定義提示詞匯及其排序權(quán)重
花五分鐘我的網(wǎng)站就可以部署同百度、淘寶一樣強大好用的輸入提示功能
同時兼容IE、Firefox、Safari、Chrome、Opera各種瀏覽器
兼容ios、Android、Windows
2016-11-04
http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html? ?修改hosts文件,改變解析路徑,跨域問題在服務器上很好解決,本地環(huán)境的話還真沒嘗試過