百度搜索效果（页面传来数据地址，由服务器去获取）：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>页面传来数据地址，由服务器去获取</title><style type="text/css">* {margin: 0;padding: 0;list-style: none;}#box {width: 500px;margin: 50px auto 0;}#ipt {width: 480px;height: 30px;padding: 0 8px;line-height: 30px;font-size: 18px;}#list {padding: 0 10px;background: #e3e3e3;}#list li {line-height: 26px;font-size: 16px;color: blue;}#list li:hover {background: #ccc;}</style></head><body><div id="box"><input type="text" name="ipt" id="ipt" value="" /><ul id="list"><!--<li>12306</li><li>hao123</li>--></ul></div><script src="ajax.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">var ipt = document.getElementById('ipt');var list = document.getElementById('list');ipt.onkeyup = function() {list.innerHTML = '';ajax('baidu2.php?wd='+ipt.value+'&sc=http://suggestion.baidu.com/su?wd=&_='+new Date().getTime(),function(str) {var json = JSON.parse(str);for(var i = 0; i < json.s.length; i ++) {list.innerHTML += '<li>'+json.s[i]+'</li>';}});}</script></body>
</html>

　　PHP代码：

<?phpheader("Access-Control-Allow-Origin:*");
//  $url='http://suggestion.baidu.com/su?wd=';//由服务器来获取数据$url=$_GET['sc'];//页面传过来数据地址，由服务器去获取function getJSONStr($str){return substr($str,17);}function crul($key){global $url;$data = file_get_contents($url.$key);$data = getJSONStr($data);$data = str_replace("{q:\"","",$data);$data = str_replace("\",p:","{%aaa%}",$data);$data = str_replace(",s:[","{%aaa%}",$data);$data = str_replace("]});","",$data);$arr = explode("{%aaa%}",$data);$res = array();$res['q'] = iconv("GB2312","UTF-8",$arr[0]);if ($arr[1] == 'true'){$arr[1] = true;}else{$arr[1] = false;}$res['p'] = $arr[1];if (strlen($arr[2])>0){$arr[2] = substr($arr[2],1,-1);$arr[2] = str_replace("\",\"",",",$arr[2]);$arr[2] = iconv("GB2312","UTF-8",$arr[2]);}$res['s'] = explode(',',$arr[2]);echo json_encode($res);//json_encode()转换成json字符串}$key = $_REQUEST['wd'];crul($key);
?>

转载于:https://www.cnblogs.com/handsomehan/p/5868741.html

百度搜索效果（页面传来数据地址，由服务器去获取）相关推荐

ajax仿百度搜索效果,利用autocomplete.js实现仿百度搜索效果（ajax动态获取后端[C#]数据）...
实现功能描述: 1.实现搜索框的智能提示 2.第二次浏览器缓存结果 3.实现仿百度搜索 * { margin: 0px; padding: 0px; } #wrapper { height: 100% ...
php+ajax 仿百度搜索效果
php+ajax 仿百度搜索效果(代码csdn下载地址:http://download.csdn.net/detail/aa1049372051/7338675) 一共有四个文件 1.前台页面 in ...
scrapy 搜索关键字_详解如何用爬虫批量抓取百度搜索多个关键字数据
本文介绍如何使用软件的流程图模式,免费采集百度搜索多个关键字的信息数据. 软件下载网址:www.houyicaiji.com 采集结果预览: 下面我们来详细介绍一下如何使用流程图模式,采集在百度输入多 ...
详解如何用爬虫批量抓取百度搜索多个关键字数据
2019独角兽企业重金招聘Python工程师标准>>> 本文介绍如何使用软件的流程图模式,免费采集百度搜索多个关键字的信息数据. 软件下载网址:www.houyicaiji.com ...
详解用python批量采集百度搜索多个关键字数据
本文介绍如何使用后羿采集器的流程图模式 ,免费采集百度搜索多个关键字的信息数据. 采集字段: 标题.标题链接.摘要.时间功能点目录: 什么是行为组件循环组件的功能点介绍如何使用提取数据组件如 ...
【爬虫】爬取百度搜索结果页面
今日看了一下爬虫,写了一个爬取百度搜索页面的小程序.可以在代码中改动搜索词,代码如下: #coding=utf-8 #python version:2.7 #author:sharpdeepimpor ...
利用jQuery和css实现的模仿百度搜索列表页面的分页的足迹效果
主要运用css的border属性来实现三角形,jQuery实现切换和选中的效果: html代码如下:<div class="page"> <a href=&quo ...
百度搜索Referer API产品下线了，以后无法获取入站百度搜索词了。
各位好,我是锐昆,前几天登录百度云后台,蹦出一则公告,说百度云要下线搜索 Referer api接口了: 原文如下: 尊敬的用户您好, 很遗憾的通知您,搜索Referer API产品将于2022年11 ...
程序员开发学习利器篇（上）之百度搜索-你真的会用百度吗
以下内容,开发初学者看,熟手略过. 论语有言: 工欲善其事必先利其器 ,意思是工匠想要使他的工作做好,一定要先让工具锋利.比喻要做好一件事,准备工作非常重要. 这对于我们程序员做开发时也是这样,充足 ...

百度搜索效果（页面传来数据地址，由服务器去获取）

百度搜索效果（页面传来数据地址，由服务器去获取）：

PHP代码：

百度搜索效果（页面传来数据地址，由服务器去获取）相关推荐

最新文章

热门文章