php+ajax 实现输入读取数据库显示匹配信息,phpajax_PHP教程

WBOY
Release: 2016-07-12 09:07:55
Original
989 people have browsed it

php+ajax 实现输入读取数据库显示匹配信息,phpajax

废话不多说了,直接跟大家贴代码了

dropbox_index.php

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

Copy after login

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; }
Copy after login

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

<?php //get the q parameter from URL $q=$_GET["q"]; //全部小写化 $q=strtolower($q); //非空验证 if(isset($q) && $q != '') { $con = mysql_connect("localhost","root","lifu"); if(!$con) { die('Could not connect: ' .mysql_error()); } mysql_select_db("my_db",$con); $sql = "select * from persons"; //$sql="SELECT FirstName FROM Persons where Firstname like '%$q%'"; $result =mysql_query($sql,$con); while($row = mysql_fetch_array($result)) { //匹配判断 if(stristr(strtolower($row['FirstName']),$q)) { //echo "-----------------Persons-----------------"; echo /* "firstname:" .*/ $row['FirstName'] . "
"; //echo "lastname:" . $row['LastName'] . "
"; //echo "age:" . $row['Age'] . "
"; } //echo $row['FirstName'] . "
"; } mysql_close($con); } ?>
Copy after login

数据库:


以上就是本文给大家介绍的php+ajax 实现输入读取数据库显示匹配信息的全部内容,希望大家喜欢。

www.bkjia.com true http://www.bkjia.com/PHPjc/1058147.html TechArticle php+ajax 实现输入读取数据库显示匹配信息,phpajax 废话不多说了,直接跟大家贴代码了 dropbox_index.php !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!