本文实例讲述了PHP+JS实现的实时搜索提示功能。分享给大家供大家参考,具体如下:
效果图如下:
代码如下:
HTML代码:(该代码用两种方法实现,一种Jquery,一种原生JS)
<html><head> <script src="/DelphiRequest/search/js/jquery.js"></script> <script>/*用原生js实现// function showResult(str)// {
// if (str.length==0)// {
// document.getElementById("livesearch").innerHTML="";
// document.getElementById("livesearch").style.border="0px";
// return;
// }
// if (window.XMLHttpRequest)// {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行// xmlhttp=new XMLHttpRequest();
// }
// else// {
// IE6, IE5 浏览器执行// xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
// }
// xmlhttp.onreadystatechange=function()// {
// if (xmlhttp.readyState==4 && xmlhttp.status==200)// {
// document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
// document.getElementById("livesearch").style.border="1px solid #A5ACB2";
// }
// }
// xmlhttp.open("GET","livesearch.php?q="+str,true);
// xmlhttp.send();
// }
*///用jquery实现 function showResult(str){
$.ajax({
type: "GET", url : "livesearch.php", datatype : 'json', data: {
'q':str}
, success :function (data) {
document.getElementById("livesearch").innerHTML=data;
document.getElementById("livesearch").style.border="1px solid #A5ACB2";
}
}
) }
</script></head><body><form> <input type="text" size="30" onkeyup="showResult(this.value)"> <div id="livesearch"></div></form></body></html>
PHP代码如下:(PHP不仅可以考虑直接使用数组,也可以考虑直接查询数据库,获取数据库内容,本代码使用的是数组。)
<?php$provinces=array("beijing","tianjin","shanghai","chongqing","hebei","henan","heilongjiang","jilin","changchun", "shandong","anhui","shanxi","guangzhou","yunnan","hainan","xizang","qinghai","fujian","guizhou","jiangsu", "zhejiang","guangzhou","yunan","hainan","xizang","neimenggu","sichuan","gansu","ningxia","xianggang","aomen");
$tmp=$_GET['q'];
$val=array();
$k=0;
if (strlen($tmp)>0){
for($i=0;
$i<31;
$i++){
if(strpos($provinces[$i],$tmp)!==false){
//传递值给val $val[$k]=$provinces[$i];
//下标增加 $k=$k+1;
}
}
//遍历val数组 for($j=0;
$j<count($val);
$j++) {
echo $val[$j];
echo "<br>";
}
}
?>
更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP数据结构与算法教程》、《php程序设计算法总结》、《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《PHP数组(Array)操作技巧大全》及《PHP常用遍历算法与技巧总结》
希望本文所述对大家PHP程序设计有所帮助。
您可能感兴趣的文章:
- php+ajax做仿百度搜索下拉自动提示框(有实例)
- php 搜索框提示(自动完成)实例代码
- jquery+php实现搜索框自动提示
- 利用PHP+JS实现搜索自动提示(实例)
- 谷歌音乐搜索栏的提示功能php修正代码
- PHP 搜索查询功能实现
- php站内搜索并高亮显示关键字的实现代码
- PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
- PHP写的获取各搜索蜘蛛爬行记录代码
- php使用正则表达式进行字符串搜索的方法