java实现搜索框功能
时间: 2023-10-11 21:07:15 浏览: 260
实现搜索框功能主要有以下几个步骤:
1. 在前端页面中添加一个输入框和一个搜索按钮。
2. 使用 Ajax 技术将输入框中的关键字发送到后端。
3. 后端接收到关键字后,根据需求查询数据库或其他数据源。
4. 将查询结果返回给前端页面。
5. 前端页面使用 JavaScript 在页面上展示查询结果。
以下是一个简单的示例代码:
前端页面:
```
<input type="text" id="keyword">
<button onclick="search()">搜索</button>
<script>
function search() {
var keyword = document.getElementById("keyword").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "/search?keyword=" + keyword, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var result = JSON.parse(xhr.responseText);
showResult(result);
}
};
xhr.send();
}
function showResult(result) {
// 在页面上展示查询结果
}
</script>
```
后端 Java 代码:
```
@RequestMapping("/search")
@ResponseBody
public List<String> search(@RequestParam("keyword") String keyword) {
// 根据 keyword 查询数据库或其他数据源,并返回查询结果
}
```
以上代码仅供参考,具体实现可能需要根据实际需求进行调整。