ajax实现搜索提示功能 （关键字自动匹配功能）

最新推荐文章于 2021-08-07 00:01:15 发布
最新推荐文章于 2021-08-07 00:01:15 发布
阅读量7.5k 收藏
点赞数
分类专栏： Ajax Web 文章标签： ajax insert function mysql 框架 null
Web 同时被 2 个专栏收录
5 篇文章 0 订阅
订阅专栏
Ajax
0 篇文章 0 订阅
订阅专栏
 
大家都使用过google或者xunlei的搜索，输入关键字后可以出现相关提示，是个不错的功能，今天就在这里给大家把我的拙作给大家分享截图：效果页面：http://www.xqbar.com/demo/ajaxsearch/search.html 代码下载： http://www.xqbar.com/demo/ajaxsearch/search.html 数据库表：
CODE: 
CREATE TABLE `xqbar`.`suggest` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR( 100 ) NOT NULL , `hits` INT NOT NULL DEFAULT '0', PRIMARY KEY ( `id` ) ) ENGINE = InnoDB insert into suggest(title,hits)values('xqbar.com',100); insert into suggest(title,hits)values('www.xqbar.com',410); insert into suggest(title,hits)values('http://xqbar.com',700); insert into suggest(title,hits)values('mail:xqbar.com',200); insert into suggest(title,hits)values('ftp:xqbar.com',100); insert into suggest(title,hits)values('http://www.xqbar.com',70)
search.php ( 关于php我也是接触不久，下面的php如果罗嗦还望高手指点) 返回的信息字符串要为 xxx1|xxx2$200|100 前后对应
CODE: 
<?php if( 

    
    

     
     大家都使用过google或者xunlei的搜索，输入关键字后可以出现相关提示，是个不错的功能，今天就在这里给大家把我的拙作给大家分享截图：效果页面：http://www.xqbar.com/demo/ajaxsearch/search.html 代码下载： http://www.xqbar.com/demo/ajaxsearch/search.html 数据库表：
    
    


    
    

     
     CODE:
    
    


    
    

   
   

    
    

CREATE TABLE `xqbar`.`suggest` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR( 100 ) NOT NULL , `hits` INT NOT NULL DEFAULT '0', PRIMARY KEY ( `id` ) ) ENGINE = InnoDB insert into suggest(title,hits)values('xqbar.com',100); insert into suggest(title,hits)values('www.xqbar.com',410); insert into suggest(title,hits)values('http://xqbar.com',700); insert into suggest(title,hits)values('mail:xqbar.com',200); insert into suggest(title,hits)values('ftp:xqbar.com',100); insert into suggest(title,hits)values('http://www.xqbar.com',70)

search.php (关于php我也是接触不久，下面的php如果罗嗦还望高手指点) 返回的信息字符串要为 xxx1|xxx2$200|100 前后对应
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    

___FCKpd___1

js
    
    代码
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    
    
    引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架

<script type="text/javascript" src="prototype.js"></script> 创建层和显示查询结果的js代码 <script type="text/javascript"> //定义变量lastindex 表示为鼠标在查询结果上滑动所在位置，初始为-1 var lastindex=-1; //定义变量flag 表示是否根据用户输入的关键字进行ajax查询,flase为允许查询 true为禁止查询 var flag=false; //返回的查询结果生成的数组长度 var listlength=0; //创建自定字符串，优化效率 function StringBuffer(){this.data=[];} //赋值 StringBuffer.prototype.append=function(){this.data.push(arguments[0]);return this;} //输出 StringBuffer.prototype.tostring=function(){return this.data.join("");} //去掉字符串两边空格 String.prototype.Trim = function(){return this.replace(/(^/s*)|(/s*$)/g, "");} //隐藏函数 主要是隐藏显示的提示下拉层和iframe，关于iframe下面在说其作用 function hiddensearch() { $('rlist').style.display="none"; $('rFrame').style.display="none"; } //显示函数 主要是显示的提示下拉层和iframe 参数num,根据该参数控制要显示提示层和iframe的高度 function showsearch(num) {    $('rlist').style.display='';    $('rFrame').style.display='';    //这里我定义每个返回查询结果的提示高度为20px,其中提示层总高度又加了num,是因为我在定义样式时使用了padding一个像素    $('rlist').style.height=num*20+num+'px';    //同样定位iframe的高度    $('rFrame').style.height=num*20+num+'px'; } //返回文本输入框的坐标函数，参数element为要返回的对象,参数offset可选为offsetLeft|offsetTop 分别表示为该对象距离左窗口上角的绝对位置 //利用这个函数可以定位我们要显示的提示层位置，使提示层正确的显示在文本输入框下面 function getposition(element,offset) { var c=0; while(element) {        c+=element[offset];        element=element.offsetParent } return c; } //创建提示层函数 包括提示层和为了避免在文本输入框下面出现select下拉选框时我们的提示层不能再select之上的iframe //可以理解为当文本输入框下有select下拉选框时从底向上依次为 select下拉选框-iframe-提示层 function createlist() { //创建提示层 var listDiv=document.createElement("div"); //提示层id listDiv.id="rlist";        listDiv.style.zIndex="2"; listDiv.style.position="absolute"; listDiv.style.border="solid 1px #000000"; listDiv.style.backgroundColor="#FFFFFF"; listDiv.style.display="none"; listDiv.style.width=$('keyword').clientWidth+"px"; listDiv.style.left=getposition($('keyword'),'offsetLeft')+1.5+"px"; listDiv.style.top =(getposition($('keyword'),'offsetTop')+$('keyword').clientHeight +3)+"px"; var listFrame=document.createElement("iframe"); listFrame.id="rFrame"; listFrame.style.zIndex="1"; listFrame.style.position="absolute"; listFrame.style.border="0"; listFrame.style.display="none"; listFrame.style.width=$('keyword').clientWidth+"px"; listFrame.style.left=getposition($('keyword'),'offsetLeft')+1+"px"; listFrame.style.top =(getposition($('keyword'),'offsetTop')+$('keyword').clientHeight +3)+"px"; document.body.appendChild(listDiv);    document.body.appendChild(listFrame); } function setstyle(element,classname) { switch (classname) {     case 'm':    element.style.fontSize="12px"; element.style.fontFamily="arial,sans-serif"; element.style.backgroundColor="#3366cc"; element.style.color="black"; element.style.width=$('keyword').clientWidth-2+"px"; element.style.height="20px";       element.style.padding="1px 0px 0px 2px";       if(element.displaySpan)element.displaySpan.style.color="white" break;     case 'd':    element.style.fontSize="12px"; element.style.fontFamily="arial,sans-serif"; element.style.backgroundColor="white"; element.style.color="black"; element.style.width=$('keyword').clientWidth-2+"px"; element.style.height="20px";       element.style.padding="1px 0px 0px 2px";       if(element.displaySpan)element.displaySpan.style.color="green" break;    case 't':    element.style.width="80%"; if(window.navigator.userAgent.toLowerCase().indexOf("firefox")!=-1)element.style.cssFloat="left"; else element.style.styleFloat="left"; element.style.whiteSpace="nowrap"; element.style.overflow="hidden"; element.style.textOverflow="ellipsis"; element.style.fontSize="12px"; element.style.textAlign="left"; break;    case 'h':    element.style.width="20%"; if(window.navigator.userAgent.toLowerCase().indexOf("firefox")!=-1)element.style.cssFloat="right"; else element.style.styleFloat="right"; element.style.textAlign="right"; element.style.color="green"; break; } } function focusitem(index) {    if($('item'+lastindex)!=null)setstyle($('item'+lastindex),'d');    if($('item'+index)!=null)    { setstyle($('item'+index), 'm'); lastindex=index;    }    else $("keyword").focus(); } function searchclick(index) {    $("keyword").value=$('title'+index).innerHTML;    flag=true; } function searchkeydown(e) { if($('rlist').innerHTML=='')return;    var keycode=(window.navigator.appName=="Microsoft Internet Explorer")?event.keyCode:e.which;    //down    if(keycode==40)    { if(lastindex==-1||lastindex==listlength-1) {    focusitem(0);    searchclick(0); } else{    focusitem(lastindex+1);    searchclick(lastindex+1); }    } if(keycode==38) { if(lastindex==-1) {    focusitem(0);    searchclick(0); } else{    focusitem(lastindex-1);    searchclick(lastindex-1); } } if(keycode==13) {    focusitem(lastindex);    $("keyword").value=$('title'+lastindex).innerText; } if(keycode==46||keycode==8){flag=false;ajaxsearch($F('keyword').substring(0,$F('keyword').length-1).Trim());} } function showresult(xmlhttp) { var result=unescape(xmlhttp.responseText); if(result!=''){ var resultstring=new StringBuffer();    var title=result.split('


    
    搜索框
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    

<form id="form1" name="form1" method="post" action="">     　<b>输入搜索关键字</b> <input name="keyword" type="text" class="inputblue" id="keyword" maxlength="20" style="width:300px;" /> </form>


   
   


   
   

    
     
   
   

GET["action"]!=''){ #获取用户输入的关键字 $keyword= 

   
   

    
    大家都使用过google或者xunlei的搜索，输入关键字后可以出现相关提示，是个不错的功能，今天就在这里给大家把我的拙作给大家分享截图：效果页面：http://www.xqbar.com/demo/ajaxsearch/search.html 代码下载： http://www.xqbar.com/demo/ajaxsearch/search.html 数据库表：
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    

CREATE TABLE `xqbar`.`suggest` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR( 100 ) NOT NULL , `hits` INT NOT NULL DEFAULT '0', PRIMARY KEY ( `id` ) ) ENGINE = InnoDB insert into suggest(title,hits)values('xqbar.com',100); insert into suggest(title,hits)values('www.xqbar.com',410); insert into suggest(title,hits)values('http://xqbar.com',700); insert into suggest(title,hits)values('mail:xqbar.com',200); insert into suggest(title,hits)values('ftp:xqbar.com',100); insert into suggest(title,hits)values('http://www.xqbar.com',70)

search.php (
    
    关于php我也是接触不久，下面的php如果罗嗦还望高手指点) 返回的信息字符串要为 xxx1|xxx2$200|100 前后对应
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    

___FCKpd___1

js
    
    代码
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    
    
    引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架

___FCKpd___2


    
    搜索框
   
   


   
   

    
    CODE:
   
   


   
   

   
   

    
    

___FCKpd___3


   
   


   
   

    
     
   
   

GET["keyword"]; #过滤关键字 $keyword=str_replace("[","[[]",$keyword); $keyword=str_replace("&","[&]",$keyword); $keyword=str_replace("%","[%]",$keyword); $keyword=str_replace("^","[^]",$keyword); #链接数据库 $conn=mysql_connect("localhost","xqbar","xqbaradmin"); #选择数据库 @mysql_select_db("xqbar") or die('sorry'); mysql_query('set names utf-8'); #查询语句 $sql="select title,hits from suggest where title like '%".$keyword."%' order by hits desc limit 10"; $result=mysql_query($sql); #循环得到查询结果，返回字符串 #格式为 结果1|结果2$结果1点击次数|结果2点击次数 if($result){ $i=1;$title='';$hits=''; while($row=mysql_fetch_array($result,MYSQL_BOTH)) {     $title=$title.$row['title']; $hits=$hits.$row['hits']; if($i<mysql_num_rows($result))    { $title=$title."|"; $hits=$hits."|";    }    $i++; } } mysql_close(); } ?> <?php echo $title.'
js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
.$hits;?> js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
)[0]; var hits=result.split(' 搜索框
CODE: 
___FCKpd___3
 
GET["action"]!=''){ #获取用户输入的关键字 $keyword= 
大家都使用过google或者xunlei的搜索，输入关键字后可以出现相关提示，是个不错的功能，今天就在这里给大家把我的拙作给大家分享截图：效果页面：http://www.xqbar.com/demo/ajaxsearch/search.html 代码下载： http://www.xqbar.com/demo/ajaxsearch/search.html 数据库表：
CODE: 
CREATE TABLE `xqbar`.`suggest` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR( 100 ) NOT NULL , `hits` INT NOT NULL DEFAULT '0', PRIMARY KEY ( `id` ) ) ENGINE = InnoDB insert into suggest(title,hits)values('xqbar.com',100); insert into suggest(title,hits)values('www.xqbar.com',410); insert into suggest(title,hits)values('http://xqbar.com',700); insert into suggest(title,hits)values('mail:xqbar.com',200); insert into suggest(title,hits)values('ftp:xqbar.com',100); insert into suggest(title,hits)values('http://www.xqbar.com',70)
search.php ( 关于php我也是接触不久，下面的php如果罗嗦还望高手指点) 返回的信息字符串要为 xxx1|xxx2$200|100 前后对应
CODE: 
___FCKpd___1
js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
GET["keyword"]; #过滤关键字 $keyword=str_replace("[","[[]",$keyword); $keyword=str_replace("&","[&]",$keyword); $keyword=str_replace("%","[%]",$keyword); $keyword=str_replace("^","[^]",$keyword); #链接数据库 $conn=mysql_connect("localhost","xqbar","xqbaradmin"); #选择数据库 @mysql_select_db("xqbar") or die('sorry'); mysql_query('set names utf-8'); #查询语句 $sql="select title,hits from suggest where title like '%".$keyword."%' order by hits desc limit 10"; $result=mysql_query($sql); #循环得到查询结果，返回字符串 #格式为 结果1|结果2$结果1点击次数|结果2点击次数 if($result){ $i=1;$title='';$hits=''; while($row=mysql_fetch_array($result,MYSQL_BOTH)) { $title=$title.$row['title']; $hits=$hits.$row['hits']; if($i<mysql_num_rows($result)) { $title=$title."|"; $hits=$hits."|"; } $i++; } } mysql_close(); } ?> <?php echo $title.' js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
.$hits;?> js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
)[1]; for(var i=0;i<title.split('|').length;i++) { resultstring.append('<div id="item'+i+'" οnmοusemοve="focusitem('+i+')" οnmοusedοwn="searchclick('+i+')">'); resultstring.append('<span id=title'+i+'>'); resultstring.append(title.split('|')); resultstring.append('</span>'); resultstring.append('<span id=hits'+i+'>'); resultstring.append(hits.split('|')); resultstring.append('</span>'); resultstring.append('</div>'); } $('rlist').innerHTML=resultstring.tostring(); for(var j=0;j<title.split('|').length;j++) { setstyle($('item'+j),'d'); $('item'+j).displaySpan=$('hits'+j); setstyle($('title'+j),'t'); setstyle($('hits'+j),'h'); } showsearch(title.split('|').length); listlength=title.split('|').length; lastindex=-1; } else hiddensearch(); } function ajaxsearch(value) { new Ajax.Request('search.php',{method:"get",parameters:"action=do&keyword="+escape(value),onComplete:showresult}); } function main() { $('keyword').className=$('keyword').className=='inputblue'?'inputfocus':'inputblue'; if($F('keyword').Trim()=='')hiddensearch(); else { if($F('keyword')!=''&&flag==false)ajaxsearch($F('keyword').Trim()); if(listlength!=0)$('keyword').οnkeydοwn=searchkeydown; else hiddensearch(); } } function oninit() { $('keyword').autocomplete="off"; $('keyword').οnfοcus=main; $('keyword').οnkeyup=main; $('keyword').οnblur=hiddensearch; createlist(); } Event.observe(window,'load',oninit); </script> 搜索框
CODE: 
___FCKpd___3
 
GET["action"]!=''){ #获取用户输入的关键字 $keyword= 
大家都使用过google或者xunlei的搜索，输入关键字后可以出现相关提示，是个不错的功能，今天就在这里给大家把我的拙作给大家分享截图：效果页面：http://www.xqbar.com/demo/ajaxsearch/search.html 代码下载： http://www.xqbar.com/demo/ajaxsearch/search.html 数据库表：
CODE: 
CREATE TABLE `xqbar`.`suggest` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR( 100 ) NOT NULL , `hits` INT NOT NULL DEFAULT '0', PRIMARY KEY ( `id` ) ) ENGINE = InnoDB insert into suggest(title,hits)values('xqbar.com',100); insert into suggest(title,hits)values('www.xqbar.com',410); insert into suggest(title,hits)values('http://xqbar.com',700); insert into suggest(title,hits)values('mail:xqbar.com',200); insert into suggest(title,hits)values('ftp:xqbar.com',100); insert into suggest(title,hits)values('http://www.xqbar.com',70)
search.php ( 关于php我也是接触不久，下面的php如果罗嗦还望高手指点) 返回的信息字符串要为 xxx1|xxx2$200|100 前后对应
CODE: 
___FCKpd___1
js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
GET["keyword"]; #过滤关键字 $keyword=str_replace("[","[[]",$keyword); $keyword=str_replace("&","[&]",$keyword); $keyword=str_replace("%","[%]",$keyword); $keyword=str_replace("^","[^]",$keyword); #链接数据库 $conn=mysql_connect("localhost","xqbar","xqbaradmin"); #选择数据库 @mysql_select_db("xqbar") or die('sorry'); mysql_query('set names utf-8'); #查询语句 $sql="select title,hits from suggest where title like '%".$keyword."%' order by hits desc limit 10"; $result=mysql_query($sql); #循环得到查询结果，返回字符串 #格式为 结果1|结果2$结果1点击次数|结果2点击次数 if($result){ $i=1;$title='';$hits=''; while($row=mysql_fetch_array($result,MYSQL_BOTH)) { $title=$title.$row['title']; $hits=$hits.$row['hits']; if($i<mysql_num_rows($result)) { $title=$title."|"; $hits=$hits."|"; } $i++; } } mysql_close(); } ?> <?php echo $title.' js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
.$hits;?> js 代码
CODE:
引入prototye.js有朋友说这个库太大，或者把，不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象，这个我就不想说了，这里直接引用prototye.js框架 
___FCKpd___2
 搜索框
CODE: 
___FCKpd___3
 
icebox126
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java ajax搜索提示_Servlet+Ajax实现智能搜索框智能提示功能
weixin_39915367的博客
02-16 236
利用无刷新技术智能变换搜索框的提示，同百度搜索效果图其基本原理：1.给搜索框编写js绑定事件onkeyup(键盘输入时)、onfocus(当鼠标点击搜索框外的时候清空提示)2.首先获得用户输入、之后将获得的数据传给服务器，服务器将数据传给后台，后台获取服务器传来的数据进行处理，得到关联数据，向前端返回json格式，前端通过回调函数，将返回来的json解析成文本，将文本传输到搜索框下方的展示窗如下为...
Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记
01-17
在输入页面利用JQuery获取用户输入，然后通过AJAX异步发送到处理页面，处理页面接收到值后进行模糊匹配查询，然后将结果返回，输入页收到返回的数据后在处理，并生成相应的页面显示在页面上。若是jquery autoComplete组件则只要将从后台获取的数据放入autocomplete( url or data, [options] )第一个参数中就行，第二个参数可加可不加。
MapAbc Ajax 关键字查询Http请求
mmdev
05-26 70
在引路蜂新的版本，将增加对MapABC地图服务的支持，这样中国用户在查询地点，路径时可以选择谷歌或是MapABC地图服务。 地图服务是地址查询，本地查询，路径查询，逆向地址编码等地图服务。 下面是MapAbc Ajax 关键字查询Http请求的格式　，具体内容可以参见 MapABC 地图开发文档。 http://search1.mapabc.com/sisserver?highLight=f...
[转] 利用AJAX实现搜索提示功能 （关键字自动匹配功能）
sendfeng的专栏
09-19 1401
利用AJAX实现搜索提示功能 （关键字自动匹配功能）<br />2008-05-23 07:44<br />关于网友提到代码不能在FIREFOX下运行的问题的解决：<br /><br />1、由于FF各方面的安全性，它不支持跨域的访问，应此注意在调用跨域脚本代码之前加上<br /><br />document.domain="http://www.yourdomain.com/" ，不过本实例不需要。<br /><br />2、在FF下，xmlhttpRequest.send方法必须加上参数null，IE下
redis java 搜索自动补全_Ajax实现搜索引擎自动补全功能
weixin_35289035的博客
02-17 124
每当我们遇到一些问题时候，我们会百度一下，你是有过我们的问题还没打完就已经出现的经历？如下图：天猫：京东：这时候的你是否想到如何实现这个功能？我们的网页明明没有刷新，可是却出现了数据的交互，也就是Ajax的强大之处。下面以一个例子来实现。搜索框和搜索按钮，我们希望在搜索框输入部分书名时，能够实现书名的自动补全功能。每当点击了相应的书名，就把内容输入到搜索框。对应的代码Search type="te...
基于jQuery实现搜索关键字自动匹配功能
10-23
2. 自动匹配搜索关键词的功能实现 自动匹配搜索关键词，即自动补全或建议功能，是搜索引擎、电商平台、输入框等常有的功能，其目的是为了提升用户体验，减少用户操作的繁琐度。在前端实现这一功能通常需要使用...
js实现搜索框关键字智能匹配代码
10-23
标题中提到的"js实现搜索框关键字智能匹配代码"，说明了本文将分享如何利用JavaScript实现一个搜索框，在用户输入关键字时提供智能匹配的功能。这种功能可以使用户在输入时获得即时的建议和结果，大大提升用户体验。...
使用Ajax模仿百度搜索框的自动提示功能实例
10-17
在本文中，我们将探讨如何使用Ajax技术来实现一个类似百度搜索框的自动提示功能。Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下与服务器交换数据并更新...
asp.net和ajax实现智能搜索功能代码
10-29
接下来，我们来详细分析一下实现***和ajax结合来完成智能搜索功能的代码知识点。 首先，我们看到搜索页面的核心代码是用*** Web Forms技术编写的，这是.NET平台上的一个用于创建动态网页的技术。Web Forms页面通常...
ajax 智能提示搜索,Servlet+Ajax实现搜索框智能提示
weixin_42347925的博客
08-05 372
简介搜索框相信大家都不陌生，几乎每天都会在各类网站进行着搜索。有没有注意到，很多的搜索功能，当输入内容时，下面会出现提示。这类提示就叫做搜索框的智能提示，本次就为大家介绍如何使用Servlet和Ajax来实现。主要介绍实现原理和代码的前后台实现过程。项目分析[scode type="green"]实现语言：java实现方式：Ajax异步传输[/scode]案例：比如百度的搜索框智能提示理论分析：1...
ajax之关键字搜索
10-13
一点ajax搜索参考一些简单的和数据库有点关系的小代码
Ajax仿google搜索提示Asp数据库版 -ASP源码.zip
12-13
ASP源码，压缩包解压密码：www.cqlsoft.com
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
08-28
下面小编就为大家分享一篇jq.ajax+php+mysql实现关键字模糊查询(示例讲解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
百度搜索提示java_使用Ajax模仿百度搜索框的自动提示功能实例
weixin_30402009的博客
03-02 272
啊啊，熬夜了。今天学习了ajax给我的感觉就是，”哇塞“ajax好酷炫哦，(额。。。后端狗，接触到了大前端的魅力了)，这么晚了还是直奔主题把。Let's go!百度搜索提示框，我想大家都很熟悉了把，是什么样子我也就不再赘述。直接看代码来我们写一个简陋的jsp页面 Look! 是这个样子的下面是代码:pageEncoding="UTF-8"%>Test Baiduwindow.onload=f...
ajax 实现关键字搜索,jQuery实现搜索页面关键字的功能
weixin_34514378的博客
08-06 346
在一篇文章中查找关键字，找到后高亮显示。具体代码：Searchp { border:1px solid black;width:500px;padding:5px;}.highlight { background-color:yellow; }I consider that a man's brain originally is like a little empty attic, and you...
ajax模仿百度,模拟百度通过关键字搜索&&ajax
weixin_35675818的博客
08-07 150
String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>百度搜索巴莫搜索//加载$(function(){//派发事件$("#kid").keyup(func...
ajax模拟关键字智能匹配搜索效果
H小志
12-22 3137
准备数据keyword.json：（这里只贴出部分数据） [ {"id":1,"initial":"ad","keyword":"奥迪"}, {"id":2,"initial":"ada4l","keyword":"奥迪A4L"}, {"id":3,"initial":"ada6l","keyword":"奥迪A6L"}, {"id":4,"initial":"adq5","ke
AJax实现的搜索提示
Salmon
07-28 1034
 AJax实现的搜索提示在google中进行搜索时,当在文本框中输入数据时,会马上在下面给出搜索提示:下面是利用Ajax实现的类似功能:开发工具: MyEclipse服务器技术: JSP数据库: SQL Server 2005开发步骤:1. 数据库/*************************************************
ajax搜索自动提示,AJAX搜索自动提示
weixin_31080131的博客
08-06 284
首页(ajax.jsp)搜索自动提示AJAX实现搜索提示服务端(SuggestServlet.java)import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.Htt...
实现谷歌搜索框风格的自动提示功能
本文档主要介绍了如何实现一个类似于百度、Google搜索框的输入提示功能，通过使用jQuery插件`autopoint.js`来增强用户的输入体验。这个插件旨在为用户输入时提供动态的自动补全选项，通过Ajax请求获取数据并根据用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值