版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
本文格式为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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年度毛石石材工程设计合同2篇
- 二零二五年度家庭和睦保障-夫妻暂时分居协议3篇
- 安全生产事故隐患排查监管责任制度模版(2篇)
- 安全监督副站长岗位职责模版(2篇)
- 2025年运动会开幕式致辞稿(2篇)
- 二零二五年度水利工程车辆土石方运输与进度款支付合同3篇
- 二零二五年度文化企业股东权益保护与公司运营协议书3篇
- 2025年外研衔接版第二册地理下册阶段测试试卷
- 2024年绿色养生酒订购协议书版B版
- 二零二五年度商场停车场智能化管理系统合同2篇
- 机关事业单位财务管理制度(六篇)
- 人教版六年级上册数学第八单元数学广角数与形单元试题含答案
- 叉车租赁合同模板
- 河道旅游开发合同
- 住房公积金稽核审计工作方案例文(4篇)
- 口腔门诊医疗风险规避
- 建筑公司劳务合作协议书范本
- Unit 2 My Schoolbag ALets talk(说课稿)-2024-2025学年人教PEP版英语四年级上册
- 2024年国家公务员考试《行测》真题(行政执法)
- 烟花爆竹安全生产管理人员考试题库附答案(新)
- 国有企业外派董监事、高管人员管理办法
评论
0/150
提交评论