php+ajax实时输入自动搜索匹配的方法

墨辰丷
发布: 2023-03-30 10:58:02
原创
2541 人浏览过

本篇文章主要介绍php+ajax实时输入自动搜索匹配的方法,感兴趣的朋友参考下,希望对大家有所帮助。

dropbox_index.php

   主搜索引擎下拉框自动显示数据 
    

登录后复制

dropbox.js ajax

var xmlHttp function showHint(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML="" return } xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="responsepage.php" url=url+"?q="+str url=url+"&sid="+Math.random() xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true) xmlHttp.send(null) } //设置回调函数 function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("txtHint").innerHTML=xmlHttp.responseText } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }
登录后复制

dropbox.css

.txt{ height:22px; border:1px solid #cdcdcd; width:220px;border-right:none;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:26px; width:70px;}

responsepage.php

"; //echo "lastname:" . $row['LastName'] . "
"; //echo "age:" . $row['Age'] . "
"; } //echo $row['FirstName'] . "
"; } mysql_close($con); } ?>
登录后复制

数据库:

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。

相关推荐:

php中ZipArchive函数的功能

php 如何进行数据的序列化和反序列化

php如何获取操作系统类型

以上是php+ajax实时输入自动搜索匹配的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!