百度搜索效果(页面传来数据地址,由服务器去获取)

百度搜索效果(页面传来数据地址,由服务器去获取):

<!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代码:

<?php
	header("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);
?>

  

时间: 2024-10-12 13:56:40

百度搜索效果(页面传来数据地址,由服务器去获取)的相关文章

百度搜索效果(服务器来获取数据)

百度搜索效果: AJAX代码: ajax本身不具有跨域功能,所以由服务器来访问数据: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>由服务器来获取数据</title> <style type="text/css"> * { margin: 0; padding: 0; list-style: none; } #

程序员开发利器篇(一)之百度搜索-你真的会用百度吗

以下内容,开发初学者看,熟手略过. 论语有言: 工欲善其事 必先利其器 ,意思是工匠想要使他的工作做好,一定要先让工具锋利.比喻要做好一件事,准备工作非常重要. 这对于我们程序员做开发时也是这样,充足且好的准备工作,不但可以提高我们的开发效率,同时也可以让我们事半功倍. 说到我们程序员的 " 器" ,大家可能第一个想到的就是开发工具 ,但是我觉得凡是是我们程序开发前的准备工作的 ,对我们程序开发有帮助的东西都可以叫"器" .个人认为应该包括 1 开发环境.开发工具

百度地图里面搜索到的公司商家电话导出表格?怎样将把百度地图里面搜索到的公司 电话 地址 等数据导出excel里?

好多人在问:如何将百度地图里面搜索到的公司商家电话导出表格?怎样将把百度地图里面搜索到的公司 电话 地址 等数据导出excel里? 现在,很多人都在网络上找商家,联系业务. 百度地图里有很多的商家联系方式地址等数据,这便成为很多人的便捷方式.但是一个个地复制出来商家的电话,地址是一件很痛苦的事情, 于是想到开发一个程序,模拟人的操作,将所有的数据提取保存到EXCEL里. 交流学习QQ:3125547039 主要代码思路: m_objConnection.Open();             b

在页面中嵌入百度搜索框

呈现效果如下: 实现代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>在页面中嵌入百度搜索框</title> <style> form { width: 500px; height: 50px; padding: 10px 20px 20px; text-align: center; line-height: 50px;

实现百度搜索页面网页遍历

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using mshtml; using System.Threading; using mshtml; namespace WindowsFormsApplication

如何在百度搜索页面中插入广告

郑重声明:本人发布分享是为了让更多的人知道这项技术的存在,从而寻找一些防止的方法,并不是想做一些非法的操作.我也很不喜欢在页面中植入广告.所以希望各位大神看了此文后能多提一些建议与改进.本人会虚心接受.不喜勿喷!!! 该技术是我无意中接触的能够跨域操作JS的情况,通过跨域JS操作可以实现在你使用百度搜索跳转到你所在的页面的时候会自动使得百度搜索页面也进行相应的跳转,从而实现操作者的很多目的.目前我通过研究已经弄懂实现原理,并未亲自尝试,所以该文也是起抛砖引玉的作用,希望各位前端大牛能进行一下研究

c#代码实现百度搜索页面网页遍历

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using mshtml; using System.Threading; using mshtml; namespace WindowsFormsApplication

模拟百度搜索“2012世界末日”网页地震撕裂效果

模拟百度搜索“2012世界末日”网页地震撕裂效果,本效果是模仿用户在百度输入“2012世界末日”后点击搜索后出来的网页效果,网页在震动,像是地震了,而后开始撕裂,然后显示出相关的文字说明,很酷的效果,希望大家可以学习借鉴. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

浏览器点击百度搜索结果之后,原搜索页面出现重定向乱码不断刷新问题的分析和解决

一.出现问题的环境: 1. ubuntu 14.04 LTS 2. 浏览器:Firefox 45.0.1 Mozilla Firefox for Ubuntu 二.出现问题的具体情况: 1. 用百度(其他搜索引擎没有出现类似问题)进行搜索,点击搜索结果后出现的新网页正常,但是原来的搜索结果出现了问题,如图所示 图一 图二      原来的搜索结果进行了自动刷新,并显示了乱码的搜索结果 每次点击搜索结果后,都要后退好麻烦,不能忍... 2.由于尝试了其他的搜索引擎没有出现问题,所以分析问题应该和百