利用js结合百度API实现百度智能搜索功能

该博客详细介绍了如何分析并利用百度搜索API,通过分析API参数、回调函数和服务器返回的数据,实现在网页中输入关键字进行智能搜索的功能。在实现过程中,涉及到了键盘抬起事件、字符串解析、遍历方法以及动态创建script标签进行跨域请求的技术。最后,实现了根据输入关键字动态绑定搜索结果并可点击跳转到对应网页。
摘要由CSDN通过智能技术生成

首先先将百度的搜索API进行分析,主要是分析他的通过页面传进去的参数,和回调函数名,以及服务器请求成功之后返回的数据

  其实网上可以查到很多分析后的免费API比如天气预报,城市搜索等自己可以试试

 注意:本例中 wd:代表输入的关键字即页面传给服务器的数据,cb:代表回调函数,data.s为返回的相关数据信息SR代表回掉函数名

最终实现的页面及功能如下:可以根据收入的关键字查找出对应信息,并动态绑定到页面上,并且可以点击链接到对应网页

用到的的语法有,

1:输入关键字后触发的键盘抬起事件onkeyup

2:``反隐号字符串解析方式的一种。

3:for each(function(){})遍历方法

4:动态创建script脚本进行跨域请求

主要代码如下

<body>
<img id="bai" src="./img/bd_logo1.png">
<in
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值