搜索时的建议输入

原创 2015年11月20日 20:01:17

文件1:ajax_gethint.html

<!DOCTYPE html PUBLIC>
<!--[if IE 7]>         <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>         <html class="no-js ie8"> <![endif]-->
<!--[if IE 9]>         <html class="no-js ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function showHint(str)
{
var xmlhttp;
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","gethint.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<h3>请在下面的输入框中键入字母(A - Z):</h3>
<form action=""> 
姓氏:<input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>
<p>建议:<span id="txtHint"></span></p> 

</body>
</html>

文件2:   gethint.php

 

<?php
// 用名字来填充数组
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";

//获得来自 URL 的 q 参数
$q=$_GET["q"];

//如果 q 大于 0,则查找数组中的所有提示
if (strlen($q) > 0)
  {
  $hint="";
  for($i=0; $i<count($a); $i++)
    {
    if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
      {
      if ($hint=="")
        {
        $hint=$a[$i];
        }
      else
        {
        $hint=$hint." , ".$a[$i];
        }
      }
    }
  }

// 如果未找到提示,则把输出设置为 "no suggestion"
// 否则设置为正确的值
if ($hint == "")
  {
  $response="no suggestion";
  }
else
  {
  $response=$hint;
  }

//输出响应
echo $response;
?>

效果:






版权声明:本文为博主原创文章,未经博主允许不得转载。

solr 搜索建议suggest

solrconfig.xml  text_spell suggest org.apache.sol...
  • asdfsadfasdfsa
  • asdfsadfasdfsa
  • 2017年06月08日 17:01
  • 293

ajax实现百度搜索建议

function sAlert(str){    var msgw,msgh,bordercolor;    msgw=400;                      // 提示窗口的宽度...
  • yafei450225664
  • yafei450225664
  • 2013年03月13日 19:35
  • 3538

Android系统搜索对话框(浮动搜索框)的使用

本文转自:http://www.ideasandroid.com/archives/310 当您需要在您的应用程序中提供搜索服务时,您第一个想到的是您的搜索框要放哪呢?通过使用Android...
  • heiniu426
  • heiniu426
  • 2015年09月28日 14:57
  • 495

搜索引擎中关键字搜索建议的实现(内附小Demo)

本篇博文写到的小程序完整代码下载地址:http://download.csdn.net/detail/yanglun1/8785865       上一篇简单的介绍了DWR开源框架的运用,这...
  • yanglun1
  • yanglun1
  • 2015年06月08日 19:40
  • 774

solr入门之搜索建议配置和代码Demo

检索建议        检索建议目前是各大搜索的标配应用,主要作用是避免用户输入错误的搜索词,同时将用户引导到相应的关键词搜索上。Solr内置了检索建议功能,它在 Solr里叫做Suggest模块.该...
  • sqh201030412
  • sqh201030412
  • 2016年03月21日 19:03
  • 1724

Android实现根据用户输入自动搜索

最近App上线play商店,版本整来整去。下午闲暇之余,一位老友忽然扣我,心情一阵激动。我还以为是要送我中秋月饼,丫的,上来就稀里糊涂表明一堆需求。。。哇凉啊~ 行了,今天我就和大家分享下关于这个突...
  • Meng_fengyang
  • Meng_fengyang
  • 2016年11月14日 23:32
  • 956

基于Elasticsearch实现搜索建议

转自http://ginobefunny.com/post/search_suggestion_implemention_based_elasticsearch/?hmsr=toutiao.io&ut...
  • likui1314159
  • likui1314159
  • 2017年02月05日 11:01
  • 1682

Android实现根据用户输入自动搜索

最近App上线play商店,版本整来整去。下午闲暇之余,一位老友忽然扣我,心情一阵激动。我还以为是要送我中秋月饼,丫的,上来就稀里糊涂表明一堆需求。。。哇凉啊~ 行了,今天我就和大家分享下关于这个突如...
  • u013718120
  • u013718120
  • 2016年09月05日 17:59
  • 2158

solr入门之搜索建议的几种实现方式和最终选取实现思路

上篇博客中我简单的讲了下solr自身的suggest模块来实现搜索建议.但是今天研究了下在solr自身的suggest中添加进去拼音来智能推荐时不时很方便.在次从网上搜集和整理思考了下该问题的解决. ...
  • sqh201030412
  • sqh201030412
  • 2016年03月22日 19:19
  • 5272

Linux安装系统时的分区建议

一、什么叫分区? 磁盘分区是使用分区编辑器在磁盘上划分几个逻辑部分。磁盘一旦划分成数个分区,不同类的目录与文件可以存储进不同的分区。 二、为什么要分区? 分区就相当于你有一个大容器,分隔成了多个小容器...
  • wang740209668
  • wang740209668
  • 2016年11月14日 22:06
  • 1149
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:搜索时的建议输入
举报原因:
原因补充:

(最多只允许输入30个字)