博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

Google AJAX 搜索 API

Posted on 2010-11-12 22:34  PHP-张工  阅读(3879)  评论(1)  编辑  收藏  举报

Google AJAX 搜索 API

文档：http://code.google.com/intl/zh-CN/apis/websearch/docs/

<!DOCTYPE html>
<html>
<head>
	<title>Google AJAX 搜索 API</title>
	<style type="text/css">
		#searchcontrol .gsc-control
		{
			width: 100%;
		}
		#searchcontrol .gsc-result-cnblogs .gs-title
		{
			color:Red;
		}
	</style>
	<script src="https://www.google.com/jsapi?key=ABQIAAAAWUT8aaIj9mtqQa087LjVOhTPB5B7LRDljl2Cr4-JwBNft1mFrRRmR1RoYEUCZCj0dtS2gIc8Al4-VA"
		type="text/javascript"></script>
	<script language="Javascript" type="text/javascript">
		google.load("search", "1");

		function OnLoad() {
			//搜索设置
			var options = new google.search.SearcherOptions();
			//当搜索结果为空时显示内容
			options.setNoResultsString('查询结果为空！');

			//搜索控件实例化
			var searchControl = new google.search.SearchControl();
			//每次显示8个搜索结果（取值范围：1-8）
			searchControl.setResultSetSize(8);

			//网页搜索
			var siteCnblogs = new google.search.WebSearch();
			//标头
			siteCnblogs.setUserDefinedLabel("博客园");
			//样式后缀名
			siteCnblogs.setUserDefinedClassSuffix("cnblogs");
			//站点限制
			siteCnblogs.setSiteRestriction("www.cnblogs.com");
			searchControl.addSearcher(siteCnblogs, options);

			//局部搜索
			var siteZjfree = new google.search.WebSearch();
			siteZjfree.setUserDefinedLabel("自由自在");
			siteZjfree.setSiteRestriction("www.cnblogs.com/zjfree");
			searchControl.addSearcher(siteZjfree, options);

			//全网搜索
			searchControl.addSearcher(new google.search.WebSearch(), options);

			//添加博客搜索
			searchControl.addSearcher(new google.search.BlogSearch(), options);

			//添加视频搜索
			searchControl.addSearcher(new google.search.VideoSearch(), options);

			//添加新闻搜索
			searchControl.addSearcher(new google.search.NewsSearch(), options);

			//添加图片搜索
			searchControl.addSearcher(new google.search.ImageSearch(), options);

			//添加本地地图搜索
			var localSearch = new google.search.LocalSearch();
			//地图中心标记 测试时可使用“大雁塔”
			localSearch.setCenterPoint("西安,钟楼");
			searchControl.addSearcher(localSearch, options);

			//绘制搜索
			var drawOptions = new google.search.DrawOptions();
			drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);
			searchControl.draw(document.getElementById("searchcontrol"), drawOptions);

			//执行搜索查询
			searchControl.execute("google api");
		}

		//框架加载完成后调用
		google.setOnLoadCallback(OnLoad);
	</script>
</head>
<body>
	<div id="searchcontrol">
		加载中...
	</div>
</body>
</html>

效果如下：

加载中...

[返回GOOGLE API学习目录]