js实现百度搜索

使用JavaScript实现百度搜索功能

在JavaScript中实现百度搜索功能可以通过构建特定的URL并跳转实现。百度搜索的URL格式通常为https://www.baidu.com/s?wd=搜索关键词。

function searchBaidu(keyword) {
    const encodedKeyword = encodeURIComponent(keyword);
    window.location.href = `https://www.baidu.com/s?wd=${encodedKeyword}`;
}

通过表单实现交互式搜索

在HTML中创建一个表单，用户输入关键词后触发搜索功能：

<input type="text" id="searchInput" placeholder="输入搜索关键词">
<button onclick="handleSearch()">百度搜索</button>

<script>
function handleSearch() {
    const keyword = document.getElementById('searchInput').value;
    if (keyword.trim()) {
        searchBaidu(keyword);
    }
}
</script>

使用Fetch API模拟搜索建议

百度提供了搜索建议接口，可以通过AJAX请求获取搜索建议：

function getBaiduSuggestions(keyword) {
    const url = `https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&wd=${encodeURIComponent(keyword)}`;

    fetch(url)
        .then(response => response.json())
        .then(data => {
            if (data.g && data.g.length) {
                const suggestions = data.g.map(item => item.q);
                console.log('搜索建议:', suggestions);
            }
        })
        .catch(error => console.error('获取建议失败:', error));
}

注意事项

编码搜索关键词非常重要，使用encodeURIComponent处理特殊字符确保URL正确。

百度搜索接口可能有防爬机制，频繁请求可能导致IP被封，建议遵守百度的使用条款。

对于正式项目，考虑使用百度官方提供的搜索API或SDK，这需要申请相应的API密钥。