首页你能帮我做一个利用form表单调用搜狗引擎制作简单搜索页面的例子吗

你能帮我做一个利用form表单调用搜狗引擎制作简单搜索页面的例子吗

时间: 2024-11-17 14:29:22 浏览: 13

当然可以，我们可以创建一个简单的HTML表单，配合JavaScript来实现在用户提交后通过搜狗搜索引擎进行搜索。这是一个基础示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>搜狗引擎搜索</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> #search-form { display: flex; margin-bottom: 1em; } </style> </head> <body> <div id="search-form"> <input type="text" id="search-input" placeholder="请输入关键词..."> <button onclick="searchSogou()">搜索</button> </div> <p id="search-result"></p> <script> function searchSogou() { var keyword = $('#search-input').val(); if (keyword) { $.ajax({ url: 'https://api.sogou.com/v2/web?query=' + encodeURIComponent(keyword), type: 'GET', dataType: 'json', success: function(response) { // 这里只是一个基本示例，实际应用需要处理返回的数据并显示 $('#search-result').text('搜索结果: ' + response.data.content); }, error: function(error) { console.error('搜索失败:', error); }, }); } else { alert('请输入搜索关键词！'); } } </script> </body> </html> ``` 在这个例子中，当用户点击“搜索”按钮，会触发`searchSogou`函数，它从输入框获取关键词，并通过jQuery的AJAX请求发送到搜狗的API。注意这只是一个简化的示例，实际操作中你需要处理API的响应，包括可能的错误情况，并将数据展示在网页上。

阅读全文