版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
本文格式为Word版,下载可任意编辑——php网站来路获取代码php网站来路获取代码
php网站来路获取代码是怎么样的呢?就跟随我一起去了解下吧,想了解更多相关信息请持续关注我们我!
代码如下:
functionget_referer
$se=0;
$url=$_SERVER[HTTP_REFERER];//获取完整的来路URL
$str=str_replacehttp://,,$url;//去掉http://
$strdomain=explode/,$str;//以"/'分开成数组
$domain=$strdomain[0];//取第一个"/'以前的字符
ifstrstr$domain,
$se=1;
elseifstrstr$domain,
$se=1;
return$se;
下面先主要讲解原理:
在search.html页面中,用户在探寻框内输入"j'时,使用javascript获取探寻框的文本内容,到数据库中查找相关的内容并返回,再使用javascript将服务器返回的结果显示在探寻框下面的提示框内,供用户参考选择。
概括的实现方法:
首先在页面中做好探寻框、探寻按钮、显示探寻提示的层,如下代码
pid=search
inputtype=textname=k/inputtype=buttonname=svalue=探寻/
/p
pid=search_auto/p
使用欣赏器欣赏页面,会看到下图的效果
看起来很普遍,没什么样式,现在稍作样式上的调整
#searchfont-size:14px;
#search.kpadding:2px1px;width:320px;/*将探寻框宽度设置大点WEB开发笔记(.)*/
再将显示探寻提示的层样式调整一下,由于探寻提示层在探寻框正下方,所以我们设置其定位方式为十足定位
#search_autoborder:1pxsolid#817FB2;position:absolute;/*设置边框、定位方式*/
接着用JS将探寻提示层的位置放置在探寻框正下方,且宽度和探寻框一致,这里我们采用jQuery来解决
$#search_auto.csswidth:$#searchinput[name=k].width+4;
探寻提示层的位置和宽度已经确定好了,由于在用户没有输入探寻文字前这个提示框是不显示的,所以我们先要将它设置成暗藏,在提示层的样式里加上display:none将其暗藏。
已经全部OK了,现在只要给探寻框的onkeyup注册事情即可,我们照旧采用jQuery来处理,在jQuery中是keyup
$#searchinput[name=k].keyupfunction
$.postsearch_auto.php,value:$this.val,functiondata//向服务器上的search_auto.php发送post数据,$.post是jQuery的方法
ifdata==0$#search_auto.html.cssdisplay,none;//判断服务器上返回的数据,假设等于0,那么表示没有找到相关的内容,所以将提示框的内容清空并暗藏WEB开发笔记(.)*/
else$#search_auto.htmldata.cssdisplay,block;//假设服务器上返回的数据不等于0,那么将返回的内容放到提示框内并显示提示框
;
;
上面客户端已经做好了,已经可以将用户输入的内容发送到服务器端,并响应服务器的返回值。
那么服务器端如何处理客户端发送来的数据呢,下面用PHP来举个例子
?php
$v=$_POST[value];
$re=mysql_queryselect*fromtestwheretitlelike%$v%orderbyaddtimedesclimit10;//根据客户端发送来的数据,到数据库中查询10条相关的结果
ifmysql_num_rows$re=0exit0;//判断查询结果,假设没有相关的结果,那么直接返回0
echoul;
while$ro=mysql_fetch_array$reecholiahref=.$ro[title]./a/li;//将查询得到的相关结果的标题输出,这个地方需要留神,由于通过jQuery的ajax技术返回的文本是UTF-8编码,所以假设$ro[title]中包含中文,确定要记得用PHP的iconv或其它函数将其转换成UTF-8编码,否那么在页面中看到的会是一串乱码
echoliahref=javascript:;onclick=$this.parent.parent.parent.fadeOut100关闭/agt;/li;//输入一个关闭按钮,让用户不想看到提示层时可以点击关闭,关闭按钮采用jQuery,解释一下,当前点击的按钮是$this,一向向上找到其第三个父元素,让它逐步消散WEB开发笔记(.)*/
echo/ul;
php网站来路获取代码
?
现在服务器已经可以正确的执行我们发送过去的数据了,并且返回相应的结果,那么现在在探寻框内输入一个文字测试一下吧,但前提是你的数据库中得有与这个文字相关的'内容啊,要不然你也看不到提示框的展现,由于没有相关提示内容啊,呵呵。
可是还有点美中缺乏,那就是提示框里面的内容不美观,和我们在百度探寻中看到的提示框相比,简直是太丑了,哈哈,不急,我们再用css来调整显示的效果
#search_autolibackground:#FFF;text-align:left;/*设置提示框内的li标签效果*/
#search_autoli.clstext-align:right;/*设置提示框内的关闭按钮效果*/
#search_autoliadisplay:block;padding:5px6px;cursor:pointer;color:#666;/*设置提示框内li标签下的a标签效果*/
#search_autolia:hoverbackground:#D8D8D8;text-decoration:none;color:#000;/*当鼠标移入提示框内时的效果*/
现在才算是真正的完全制作完成,至于要不要设置一个延迟处理,或是其它更完善的功能,留给挚友们自己开动脑筋了,大家也可以在下面回复你的想法,等等。
客户端完整代码:
html
head
style
#searchfont-size:14px;
#search.kpadding:2px1px;width:320px;
#search_autoborder:1pxsolid#817FB2;position:absolute;display:none;
#search_autolibackground:#FFF;text-align:left;
#search_autoli.clstext-align:right;
#search_autoliadisplay:block;padding:5px6px;cursor:pointer;color:#666;
#search_autolia:hoverbackground:#D8D8D8;text-decoration:none;color:#000;
/style
titlejquery+php实现用户输入探寻内容时自动提示/title
/head
body
pid='search'
inputtype='text'name='k'/inputtype='button'name='s'value='探寻'/
/p
pid='search_auto'/p
/body
/html
scriptsrc='jQuery.js'/script
script
$function
$#search_auto.csswidth:$#searchinput[name=k].width+4;
$#searchinput[name=k].keyupf
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026中国社会科学调查中心招聘1名劳动合同制工作人员备考题库附参考答案详解(综合题)
- 2026浙江宁波市镇海区骆驼街道工作人员、行政村后备干部及农村社工招聘10人备考题库及答案详解【必刷】
- 2026贵州毕节大方大山乡人民政府招聘沙土村安置点自管委主任的1人备考题库附答案详解(完整版)
- 2026甘肃甘南州舟曲县城关镇社区卫生服务中心招聘3人备考题库附参考答案详解(考试直接用)
- 【高中语文】《氓》导学案+统编版高二语文选择性必修下册
- 某石油化工企业应急预案办法
- 3.6 历史的风景-美术作品反映历史 课件高中美术湘美版(2019)美术鉴赏
- 2026上半年四川中医药高等专科学校招才引智招聘5人备考题库(上海场)带答案详解(研优卷)
- 2026山西经济管理干部学院(山西经贸职业学院)招聘博士研究生5人备考题库附答案详解(巩固)
- 2026内蒙古鄂尔多斯东胜区第一小学三部教师招聘1人备考题库附参考答案详解(综合题)
- 义利观课件教学课件
- 2025年河北省邯郸市检察院书记员考试试题及答案
- 城市运行管理服务平台 管理监督指标及评价标准
- AQ3062-2025精细化工企业安全管理规范解读
- 2024版2026春新人教版数学二年级下册教学课件:第三单元 万以内数的认识(9课时合并)
- 2026年时事政治测试题库100道附答案【满分必刷】
- 机器人关节培训课件模板
- 2025至2030中国苜蓿行业产业运行态势及投资规划深度研究报告
- 地域文创设计课件
- 鼻出血的健康宣教
- 国企办公室笔试考试题库及答案
评论
0/150
提交评论