前言:
在说这个之前,想必大家应该都比较了解搜索引擎了,它就是通过用户在浏览器输入框中输入文本,从而显示一些结果,你觉得哪项符合你要搜索的内容,你就点击哪项。

一、项目准备
浏览器:360浏览器
编辑器:Sublime Text 3
插件:Jquery-3.2.1.Min.Js
二、项目实现
由于是要实现一个网页搜索引擎,所以我们需要借用网页三剑客(Html+Css+Javascript),然后实现这一功能。
1、打开百度分析网页结构
我们可以先看看百度的搜索引擎:

可以看到,这个搜索框的部分设置,比如关闭自动完成功能。然后我们在随便搜索内容来查看它的变化:

可以看到某些我们查询的关键字,于是我们便发现了请求规律:
https://www.baidu.com/s?+查询字符参数
这就构成了我们的一个完整的get请求,而且这里面有很多关键字参数可以省略掉,只需要保留重要的一部分就好了。于是,经试验,得出如下结论:
https://www.baidu.com/s?wd=keyword
这个才是请求的接口地址,只需将keyword参数替换为任意搜索关键字即可

本文介绍了如何从零开始创建一个简单的网页搜索引擎。通过分析百度的搜索框结构,利用Html、Css和Javascript,特别是Jquery插件,实现搜索功能。包括输入框、搜索按钮的创建,请求接口的解析,动态生成搜索选项,以及添加序列号和刷新功能。适合初学者实践。
最低0.47元/天 解锁文章
1000

被折叠的 条评论
为什么被折叠?



