获取searchContent值,点击搜索触发form表单请求search,模糊查询
时间: 2024-03-26 12:36:15 浏览: 10
这是一个关于表单提交和模糊查询的问题。在前端页面中,通常可以通过获取表单元素的值来获取用户输入的数据,例如可以通过以下方式获取id为searchContent的输入框的值:
```
var searchContent = document.getElementById("searchContent").value;
```
获取到搜索关键词之后,可以通过发送 Ajax 请求来触发后台的模糊查询操作。Ajax 可以使用原生的 XMLHttpRequest 对象或者使用现代的 fetch API 进行实现。下面是一个使用 fetch 实现的示例代码:
```
// 获取搜索框的值
var searchContent = document.getElementById("searchContent").value;
// 发送 Ajax 请求
fetch("/search", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ keyword: searchContent })
})
.then(response => response.json())
.then(data => {
// 模糊查询成功,处理返回的数据
})
.catch(error => {
// 模糊查询失败,处理错误信息
});
```
在后端服务器中,可以接收到这个请求并对关键词进行模糊查询操作。具体的实现方式会根据服务器端的编程语言和框架不同而有所差异。