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密钥。
