PHP实现搜索框的自动反查提示

已于 2022-07-28 12:55:54 修改
阅读量3.9k 收藏
点赞数
分类专栏： PHP技术 文章标签： php mysql 数据库
于 2022-07-28 11:25:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49416650/article/details/126030449
版权
本文介绍了如何使用PHP连接MySQL数据库，实现在搜索框中输入时实时从数据库获取关联数据并显示提示。通过HTML、jQuery和PHP代码展示了一个基础的搜索框反查功能，当用户输入关键字时，显示与之匹配的数据库记录。
摘要由CSDN通过智能技术生成

通过PHP连接到MySQL数据库我们可以简易查到数据并返回给页面，仅用PHP和HTML做显示数据通常最方便常用的办法就是table，但是如果需要一些更人性化的页面设计，往往会有一些页面用到jquery或者其他的前端数据处理技术，结合网上一些资料，今天做出来一个最基础的关于数据库反查并显示数据库与搜索框输入文本关联数据的提示功能(非百度搜索框的预测提示)。

echo"Show you the code:"

1、首先我们要有一个搜索界面(searchimprove.html)

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Search For</title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script type="text/javascript">

    $(document).ready(function(){

    $("input").keyup(function(){

   

了解本专栏 订阅专栏 解锁全文 超级会员免费看
producing
关注
专栏目录
订阅专栏
php制作搜索框_搜索功能(search.php)模板制作 - WordPress模板开发
weixin_42465030的博客
03-09 5318
搜索功能(search.php)模板制作搜索功能是任何网站都必须的功能，通过搜索功能，用户可以快速的在我们的网站上找到自己需要的内容。在wordpress模板制作教程中，搜索功能也需要制作出来，这就是搜索功能模板(search.php)。原文来源：详情模板制作步骤第一步：复制分类目录模板(archive.php)，直接重命名为search.php。用于显示用户的搜索结果内容；第二步：在主题文件夹里...
php知识总结（如有问题请留言指正）
cheers_bin的博客
11-11 1514
网络协议http/tcp机制及请求情况 == 四层模型：应用层、传输层、网络层、数据链路层 应用层、表示层、会话层、传输层、网络层、数据链路层、物理层 应用层：向用户提供应用服务的活动，预存了各种通用的协议（ftp、文本传输协议、DNS、http协议也处于这一层） 传输层：提供两台机器之间的数据传输，tcp:传输控制协议，udp：用户数据协议 网络层：处理网上流动的数据包，传输就是通过怎样的路径达到对方计算机，并把数据包发送给对方，对多态计算机传输时选择一条传输 链路层：处理连接网络的硬件部分，包括驱动、网
php制作搜索框_jquery+php实现搜索框自动提示
weixin_35712223的博客
03-09 252
今天突然想给本站做个搜索页面，这样用户可以通过搜索来找到自己喜欢的内容，也避免了在海量信息中手动查找资源的麻烦，我的目标和百度首页的效果类似，当用户输入要搜索的文字时，我们在下方给出相关的十条信息，如果用户要找的就是这十条信息内的某一条，那么简单，直接点击就可在新页面中打开页面，主要就是想更人性化一点，让用户使用起来更方便。先看一下效果图吧，这样更有动力，要不然大家还不知道我在讲什么，到底要达到什...
php获取查询结果代码,php网站来路获取代码
weixin_28949937的博客
03-09 234
php网站来路获取代码php网站来路获取代码是怎么样的呢？就跟随百分网小编一起去了解下吧，想了解更多相关信息请持续关注我们应届毕业生考试网!代码如下:function get_referer(){$se = 0;$url = $_SERVER["HTTP_REFERER"]; //获取完整的来路URL$str = str_replace("http://","",$url); //去掉http:/...
实现搜索框自动提示功能（jquery+php）
weixin_30420305的博客
10-14 247
客户端代码 <html> <head> <style> #search{font-size:14px;} #search .k{padding:2px 1px; width:320px;} #search_auto{border:1px solid #817FB2; position:absolute; display:none;} #search...
php制作搜索框_php中实现搜索框
weixin_29824417的博客
03-09 544
function lookup(inputString) {if(inputString.length == 0) {// Hide the suggestion box.$('#suggestions').hide();} else {$.post("rpc.php", {queryString: ""+inputString+""}, function(data){if(data.length...
2024年渗透测试流程-全(仅供学习，知识分享)_渗透测试教程(1)，2024年最新还在等机会
最新发布
2401_84563080的博客
05-06 1180
openssl心脏出血　　https://paper.seebug.org/437/　　http://www.anquan.us/static/drops/papers-1381.html　　https://www.freebuf.com/sectool/33191.html445/ smb。ladp注入　　http://www.4hou.com/technology/9090.html　　https://www.freebuf.com/articles/web/149059.html443/ ssl。
螣龙安科笔记：内网渗透测试（三）
katekatezzzzz的博客
05-27 1500
经过前两篇文章的介绍，相信大家对于内网渗透测试的一些基础知识已经有了足够的了解，这篇文章就将带你一起来了解内网渗透测试的全过程。 （四）内网渗透流程 1.渗透工具准备 1.1扫描工具 1.1.1主动扫描工具 web应用漏洞扫描器：用于web项目的安全测试工具，扫描网站所有url，自动测试是否存在各种类型的漏洞。如：AWVS、appscan 综合漏洞扫描器：集合了多种功能的漏洞扫描器。如Fux iscanner，具有如下功能：漏洞检测和管理，验证测试程序，IT资产发现和管理，端口扫描器，子域扫描器
Google Android SDK开发范例大全(完整版)
11-17
余志龙，来自于手机制造业、电视媒体业、网络、电信产业、软件开发等领域，擅长嵌入式系统软件设计、J2ME游戏开发、Android开发，以及J2EE、JSP、Servlet、JavaBeans、PHP、C#等程序语言，熟悉面向对象技术与Eclipse...
jquery+php实现搜索框自动提示
12-11
今天突然想给本站做个搜索页面，这样用户可以通过搜索来找到自己喜欢的内容，也避免了在海量信息中手动查找资源的麻烦，我的目标和百度首页的效果类似，当用户输入要搜索的文字时，我们在下方给出相关的十条信息，如果用户要找的就是这十条信息内的某一条，那么简单，直接点击就可在新页面中打开页面，主要就是想更人性化一点，让用户使用起来更方便。 先看一下效果图吧，这样更有动力，要不然大家还不知道我在讲什么，到底要达到什么样的效果！ jquery+php实现搜索框自动提示 下面先主要讲解原理： 在search.html页面中，用户在搜索框内输入“j”时，使用javascript获取搜索框的文本内容，到数据库中查找相
php 搜索框提示(自动完成)实例代码
01-21
百度的搜索大家都在用，当用户输入文字时，搜索框下面自动提示相关的信息，加强了用户体验，的确不错，那么这个效果是如何实现的呢 先看一下效果图吧，这样更有动力，要不然大家还不知道我在讲什么，到底要达到什么样的效果！ 　　下面先主要讲解原理： 　　在search.html页面中，用户在搜索框内输入“j”时，使用javascript获取搜索框的文本内容，到数据库中查找相关的内容并返回，再使用javascript将服务器返回的结果显示在搜索框下面的提示框内，供用户参考选择。 　　具体的实现方法： 　　首先在页面中做好搜索框、搜索按钮、显示搜索提示的层，如下代码 <div id=”search”><in
PHP中网页怎么实现查询,如何在html页面中实现查找功能
weixin_39751195的博客
03-10 1038
前台效果：html查找：相关教程推荐：html教程js//搜索功能var oldKey0 = "";var index0 = -1;var oldCount0 = 0;var newflag = 0;var currentLength = 0;function wordSearch(flg) {var key = $("#key").val(); //取key值if (!key) {return;...
PHP搜索框案例
DEF网络安全爱好者技术博客
05-13 1424
代码如下： <?php header('content-type:text/html;charset=gb2312'); $data = "不想被人关注，也不想关注别人。只想自己一个人活在自己的世界。每天都在走一条迷茫的路。只要还在走，那就继续吧。"; if(@$_GET['text']){ $replace = "".$_GET['text'].""; echo str_replace
php搜索实例教程,PHP_利用PHP+JS实现搜索自动提示(实例)，我觉得我有必要写这个教程， - phpStudy...
weixin_39595537的博客
03-10 138
利用PHP+JS实现搜索自动提示(实例)我觉得我有必要写这个教程，因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包，然后告诉你怎么使用，而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以让你对这个插件可以进一步的按自己的需求定制。好，我们现在开始。JavaScript代码 ：function lookup(inputString) {if(inputString.leng...
php搜索如何实现的,php搜索功能如何实现的
weixin_36160268的博客
03-10 497
php session 如何修改php session的修改就是session数据的增加，其修改方法是：首先通过“session_start”进行session数据保存；然后通过“$_SESSION[name]=xuning;”方式添加session数据即可。 推荐：《PHP视频教程》 PHP SESSION的增加、删除、修改、查看操作 SESSION与COOKIEphp搜索功能如何实现的php搜...
php实现页面搜索框查询数据库流程
qq_41570699的博客
09-11 2786
php实现页面搜索框查询数据库流程 仅供本人学习查阅使用，不误人子弟 前端：index.html页面 //隐藏域。监控输入的关键词进行传值到后台 <input type="hidden" name="keyword" value="" id="input-name"/> ... //搜索框 <input type="text" id="search_key" size="30" class="qsbox" placeholder="名称、价格..."> <input t
php和js搜索框,利用PHP+JS实现搜索自动提示(实例)_php技巧
weixin_36485298的博客
03-11 203
我觉得我有必要写这个教程，因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包，然后告诉你怎么使用，而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以让你对这个插件可以进一步的按自己的需求定制。好，我们现在开始。JavaScript代码 ： 代码如下:JS的解释： 好，从上面的代码看到，我们需要连接到一个叫做rpc.php的文件，这个文件处理所有的操作。lookup函数使用从...
PHP 实现简单搜索功能
weixin_30535167的博客
09-07 871
方案：问答搜索1. 搜索结果列表，高亮显示搜索关键词内容2. 用户输入内容，点击搜索 2.1 获取用户的搜索内容； 2.2 调用分词服务，获取对搜索内容的分词； 2.3 先查询是否已经存在这些关键词内容的缓存，有则直接取结果；否，进行下一步； 2.4 如果 2.2 返回的分词数大于 5 个，则取 5 个关键词的问答帖子交集，判断数量是否 ...
vue 实现百度地图坐标反查
05-24
要实现百度地图坐标反查，可以使用百度地图 JavaScript API。具体实现步骤如下： 1. 在 HTML 文件中引入百度地图 JavaScript API： ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> ``` 其中，您需要将“您的密钥”替换为您在百度地图开放平台申请的密钥。 2. 创建地图容器： ```html <div id="map"></div> ``` 在 JavaScript 文件中，可以使用以下代码创建地图： ```javascript var map = new BMap.Map("map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图，设置中心点和缩放级别 ``` 3. 添加地图控件： ```javascript map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件 map.addControl(new BMap.ScaleControl()); // 添加比例尺控件 map.addControl(new BMap.OverviewMapControl()); // 添加缩略地图控件 map.addControl(new BMap.MapTypeControl()); // 添加地图类型控件 ``` 4. 实现坐标反查功能： ```javascript var geoc = new BMap.Geocoder(); // 创建地址解析器实例 map.addEventListener("click", function(e) { var pt = e.point; // 获取点击的地理坐标 geoc.getLocation(pt, function(rs) { var addComp = rs.addressComponents; // 获取地址组成部分 var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber; // 拼接地址 alert(address); // 弹出反查结果 }); }); ``` 上述代码中，通过添加地图的 click 事件监听器，获取用户点击的地理坐标，然后调用地址解析器实例的 getLocation 方法获取该坐标对应的地址信息，并拼接成完整的地址字符串，最后弹出反查结果。 以上就是实现百度地图坐标反查的基本步骤。需要注意的是，使用百度地图 JavaScript API 需要申请密钥，并且需要在使用之前引入 API 文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值