栖迩网首页产品报价家电社区栖迩晓得>>驱动下载微软技术更多

热点推荐
主页>社区>IT 技术与微软技术>网页制作>网页相关

jQuery+BingAPI实现简易搜索引擎_1


原文出处:中国站长站  2009/7/1 22:27:28 阅读 55 次


非续读浏览 | 发布资讯 | 评论 | 置顶 | 打印

微软在今年六月正式发布了Live搜索的继承者Bing,同时也提供了一套非常全面的API。如同Google API,通过使用Bing API,Web开发者可以在网站中集成bing搜索中的各种服务,从而丰富网站功能,并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例,向大家展示如何使用jQuery来调用Bing API实现简单的Web搜索引擎,并对Bing API有一个基本的了解。

首先我们来感性感受一下:在线示例

Bing API提供了三种检索结果数据类型:SOAP、XML、JSON,在示例中是通过jQuery ajax调用json数据类型接口展示数据的。下面我们来看它的实现:

准备工作:

微软通过Bing API站点向我们展示了详细的开发文档:

访问bing开发者站点:http://bing.com/developers,在这里也可以找到Bing API在MSDN上的入口

使用微软的账户登录(没有只能先注册一个啦)

填写表格,获取“APP ID”(用来调用API时用的,微软要确定你是微软的开发者)

HTML部分

页面元素很简单,主要包括检索入口、结果显示区域、结果描述、错误信息显示及翻页导航五部分,下面看HTML:

以下为引用的内容:

        <div class="line search-content">
            <div class="column col-threefifths">
                <h3 id="results-header"></h3>
                <p id="results-summary"></p>
<!--结果显示区域-->
                <div id="search-result">
                    <h3>搜索结果</h3>
<!-- 结果描述,例如总共多少条,但前是哪些条 -->
                    <div id="result-aggregates" class="results"></div>
                    <ul id="result-list" class="results">
                    </ul>
<!--翻页导航-->
                    <ul id="result-navigation" class="result-navigation">
                        <li id="prev">&laquo;</li>
                        <li id="next">&raquo;</li>
                    </ul>
                </div>
<!--错误信息显示-->
                <p id="error-list">
                </p>
            </div>
<!-- 搜索入口 -->
            <div class="column last-col">
                <h3>输入搜索词:</h3>
                <p>
                    <input id="txtQuery" type="text" title="Search Terms" />
                    <button id="btnSearch" type="button" title="搜索">搜索</button>
                </p>
            </div>
        </div>


3 页  [1] [2] [3]



相关阅读:
• Photoshop设计形象逼真的砖墙效果 (2009/10/13 20:50:25)
• 全透视:CSSZ-index属性 (2009/10/13 20:50:23)
• photoshop为长腿美女制作照片拼接效果 (2009/10/13 20:50:22)
• 用Photoshop制作粗糙金属质感效果 (2009/10/13 20:50:21)
• 英文版面设计的8个禁忌 (2009/10/13 20:50:21)
• 悟道WEB标准:统一思想遵循标准 (2009/10/12 19:57:24)
• 悟道Web标准:让W3C标准兼容终端 (2009/10/12 19:57:23)
• 这样的网站改版是在赶跑用户 (2009/10/12 19:57:04)
• 页面线框图教程:玩转内容形式主义 (2009/10/12 19:57:03)
• Photoshop快速给人物裙子加上花纹 (2009/10/12 19:57:03)
• 用PS3D工具绘制甜麦圈包装袋 (2009/10/12 19:57:02)
• Photoshop制作精美高光效果流线字 (2009/10/12 19:57:02)
• 《web标准之道》读后感(书评) (2009/10/10 19:14:42)
• 鼓舞人心的魅力名片网站设计 (2009/10/10 19:14:33)
• 34个杰出的受标点符号启发的logo设计 (2009/10/10 19:14:32)
• CSS网页布局中易犯的10个小错误 (2009/10/10 19:14:32)
• 10个最新优秀的在线杂志网站设计 (2009/10/10 19:14:31)
• PS简单合成天空舞蹈的天使 (2009/10/10 19:14:31)
• logo设计过程图文详细教程(创意-流程-步骤) (2009/10/10 19:14:31)
• 70个结合插画设计的优秀网站 (2009/10/10 19:14:30)

温馨提示


特别声明

• Phontol.com 和网页作者无关,不对网页的内容负责。
• 非本站原创内容和本站转载内容,其版权所有权属于原版权持有人所有。
• 本站转载的部分内容是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。
• 如有任何异议,请参见版权声明/免责声明部分。

 
最新热点资讯排行

• 盛大百度挤入电子书市场
• 美国提出10年内基本普及百兆宽带互联网蓝图
• .com域名诞生25周年:每月新增66.8万个
• 宏达电向Verizon提供CDMA版NexusOne
• 植入CMMB芯片个人电脑预计6月在重庆上市
• TD-SCDMA网络让“无线城市”梦想成真
• ipone和android手机或遭重病毒
• 光速WiFi三年内可商用
• 操盘指南:3月16日大陆内存走势报告
• 苹果升级Safari浏览器增加一系列安全补丁
• 微软Excel补丁出错导致英文界面变中文
• 微软将为Symbian测试版提供银光软件
• 诺基亚:Symbian3操作系统拥有多点触控功能
• 欧盟12项行动保障物联网发展
• 三网融合取得新突破CMMB探索与PC终端融合
• ICANN掌门贝克斯托姆煽动性言论遭谴责





Phontol简介 | 广告服务 | 联系我们 | 招聘(月) | 合作媒体 | 意见反馈 | 使用条款 | 隐私权声明 | 版权声明 | 站点地图
欢迎您 反馈留言 批评指正
Copyright © Phontol. All rights reserved. 京ICP备07004242号