如何实现类似百度的，拼音自动完成功能，输入拼音提示汉字

问答首页 → Java企业应用

0 0

如何实现类似百度的，拼音自动完成功能，输入拼音提示汉字5

如何实现类似百度的，拼音自动完成功能，输入拼音提示汉字。
大家有没有例子，或具体的实现，麻烦贴出来呗。。。

问题补充：我现在已经实现了汉字的自动完成，现在想支持拼音的，比如你输入baidu，就提示汉字百度

iblike 写道

可以使用jquery的AutoComplete插件，可以自动完成的，http://jqueryui.com/demos/autocomplete/

2012年1月04日 09:16

htj1231825
9
0 0 1

实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识，
如果数据量大，还需要特殊优化
一个小功能，花费太大精力很不划算
92find.com上的一个js插件实现了搜索框自动补全托管服务，
只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能
比如：汉字拼音匹配、拼音首字母匹配、模糊搜索、智能容错，还可以自定义提示词汇及其排序权重
花五分钟我的网站就可以部署同百度、淘宝一样强大好用的输入提示功能
同时兼容IE、Firefox、Safari、Chrome、Opera各种浏览器
兼容ios、Android、Windows

2017年3月20日 10:45

panghaoyu
30
0 0 1

添加评论

0 0

楼主实现了没？
使用拼音也可以搜索的功能？

2017年2月24日 16:56

bingb511
25
0 0 3

添加评论

0 0

用java写的拼音解析搜索，希望可以帮到你
https://my.oschina.net/u/3001485/blog/783478

2016年12月19日 08:36

yspyhp
30
0 0 1

添加评论

0 0

之前我做过查询好友按拼音自动补全功能比如有个好友张三那我数据库里面有个字段存放 zhangsan，zs 然后查询的时候用 like %z% 就可以查到张三这个好友了网上应该可以随意收到汉字转换为拼音的工具如果搜不到我可以发你邮箱

2012年1月04日 13:23

zhouxi1987
26
0 0 1

添加评论

0 0

这个是ajax功能，拼音自动完成和汉字提示，都是要有强大的匹配库支持的，拼音好说，直接模糊匹配即可，汉字的话，就需要匹配声母韵母之类的情况了，比如输入汉字“中国”，那么‘zg’，‘zhg’，‘z国’之类的都要能够匹配到汉字“中国”或“zhongguo”或者两者的结合，如果更强大一点的话，即使有错误输入，也能自动更正，例如，输入‘zguoo’，按照查询量的概率，匹配‘zhongguo’的情况较多，那么也是能够得到‘中国’这个词语的，下面只是一个ajax的例子，淡定看待即可：

//ajax_search.js
//create XMLHttpRequest object

function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {// if Support XMLHttpRequest
   return new XMLHttpRequest();
} else if(window.ActiveXObject) {// if ie
   return new ActiveXObject("Microsoft.XMLHTTP");
} else {
   alert("Your Browser Sucks!\nIt's about time to upgrade don't you think?");
}

function createAjaxObj(){
var httprequest=false
if (window.XMLHttpRequest)
{ // if Mozilla, Safari etc
    httprequest=new XMLHttpRequest()
    if (httprequest.overrideMimeType)
      httprequest.overrideMimeType('text/xml')
   }
   else if (window.ActiveXObject)
   { // if IE
     try {
       httprequest=new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch (e){
       try{
          httprequest=new ActiveXObject("Microsoft.XMLHTTP");
       }
       catch (e){}
     }
   }
   return httprequest
}
//Our XmlHttpRequest object to get the auto suggest
var searchReq = createAjaxObj();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {
if (searchReq.readyState == 4 || searchReq.readyState == 0) {
   var str = escape(document.getElementById('txtSearch').value);
   searchReq.open("GET", '/myTest/servlet/Search?search=' + str, true);
   searchReq.onreadystatechange = handleSearchSuggest; 
   searchReq.send(null);
}  
}

//Called when the AJAX response is returned.
function handleSearchSuggest() {
if (searchReq.readyState == 4) {
   var ss = document.getElementById('search_suggest')
   ss.innerHTML = '';
   var str = searchReq.responseText.split("\n");
   for(i=0; i < str.length - 1; i++) {
    //Build our element string. This is cleaner using the DOM, but
    //IE doesn't support dynamically added attributes.
    var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
    suggest += 'onmouseout="javascript:suggestOut(this);" ';
    suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
    suggest += 'class="suggest_link">' + str[i] + '</div>';
    ss.innerHTML += suggest;
   }
}
}

//Mouse over function
function suggestOver(div_value) {
div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value) {
div_value.className = 'suggest_link';
}
//Click function
function setSearch(value) {
document.getElementById('txtSearch').value = value;
document.getElementById('search_suggest').innerHTML = '';
}

<html>
<head>
   <style type="text/css" media="screen">
    body {
     font: 11px arial;
    }
    .suggest_link {
     background-color: #FFFFFF;
     padding: 2px 6px 2px 6px;
    }
    .suggest_link_over {
     background-color: #E8F2FE;
     padding: 2px 6px 2px 6px;
    }
    #search_suggest {
     position: absolute; 
     background-color: #FFFFFF; 
     text-align: left; 
     border: 1px solid #000000;   
    }  
   </style>
   <script language="JavaScript" type="text/javascript" src="ajax_search.js"></script>
</head>
<body>
   <h3>AJAX Search LoginId<br></h3>
   <div style="width: 500px;">
    <form id="frmSearch" action="">
     <input type="text" id="txtSearch" name="txtSearch" alt="Search Criteria" onkeyup="searchSuggest();" autocomplete="off" />
     <input type="submit" id="cmdSearch" name="cmdSearch" value="收索" alt="Run Search" /><br />
     <div id="search_suggest">
     </div>
    </form>
   </div>
</body>
</html>

//servlet
public void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
  
   PrintWriter out=response.getWriter();
   String loginId=request.getParameter("search");
   List<String>list=new ArrayList<String>();
   UserInfoDao uDao=new UserInfoDao();
   list=uDao.getSearchSuggest(loginId);
   StringBuffer sbf=new StringBuffer();
   for(int i=0;i<list.size();i++){
    String str=list.get(i)+"\n";
    sbf.append(str);
   }
   out.print(sbf.toString());
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
   doGet(request, response);
}

2012年1月04日 09:35