如何使用JavaScript获取百度搜索关键词，js网页搜索关键词

欧气 2025年04月01日 23:50 1 0

在当今这个信息爆炸的时代，搜索引擎成为了我们获取信息的首要工具之一，而作为全球最大的中文搜索引擎之一，百度无疑占据了举足轻重的地位，如何利用JavaScript来获取百度的搜索关键词呢？本文将为你详细介绍这一过程。

准备工作

在进行任何操作之前，确保你已经安装了Node.js和npm（Node包管理器），创建一个新的项目文件夹，并在其中初始化一个Node.js项目：

mkdir baidu-search-keyword
cd baidu-search-keyword
npm init -y

安装必要的依赖项：

如何使用JavaScript获取百度搜索关键词，js网页搜索关键词

图片来源于网络，如有侵权联系删除

npm install axios cheerio

这里，axios用于发起HTTP请求，cheerio则类似于jQuery,用于解析HTML文档。

发送请求

为了获取百度的搜索关键词，我们需要向百度API发送请求，以下是一个简单的示例代码，展示了如何使用axios进行GET请求：

const axios = require('axios');
async function fetchBaiduKeywords(keyword) {
  const url = `https://www.baidu.com/s?wd=${encodeURIComponent(keyword)}`;
  try {
    const response = await axios.get(url);
    return response.data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

在这个函数中，我们将搜索关键词传递给百度搜索页面URL，并通过encodeURIComponent对其进行编码以避免特殊字符导致的错误。

解析数据

一旦我们从百度获取到了HTML内容，就需要使用cheerio来提取所需的关键词,下面是如何实现这一步骤的示例代码：

const axios = require('axios');
const cheerio = require('cheerio');
async function extractKeywords(html) {
  const $ = cheerio.load(html);
  let keywords = [];
  $('div.c-container').each((index, element) => {
    const title = $(element).find('h3.t a').text();
    const link = $(element).find('h3.t a').attr('href');
    keywords.push({ title, link });
  });
  return keywords;
}
// 使用fetchBaiduKeywords函数获取HTML后，再调用extractKeywords解析数据

在上面的代码中，我们假设每个搜索结果都包含在一个<div class="c-container">标签内，并且每个结果的标题链接都在一个<a>标签中，通过这种方式,我们可以从HTML中提取出所有的搜索结果。

如何使用JavaScript获取百度搜索关键词，js网页搜索关键词

图片来源于网络，如有侵权联系删除

整合与测试

现在我们已经有了两个主要的功能：发送请求和解析数据,接下来是将它们结合起来并进行测试的时间了。

(async () => {
  const keyword = 'JavaScript'; // 你想查询的关键词
  const html = await fetchBaiduKeywords(keyword);
  if (html) {
    const keywords = await extractKeywords(html);
    console.log(keywords);
  }
})();

这段代码将会执行我们的整个流程：先发送请求获取HTML，然后解析HTML以提取关键词,最后打印出来供我们查看。