通过JS将HTML搜索栏中的文本发送到后端

Question

我使用HTML中的Bootstrap创建一个搜索页面，用户将在其中键入SQL查询，然后该SQL查询将连接到后台，该后台将在数据库中运行查询。后端在一个单独的代码中，所以我试图获取查询文本并将其发送到后端。我对此非常困惑，只需要知道要构建什么类型的函数来实现这一点。

计划是使用onclick=函数，然后使用该函数将文本发送到后端。我似乎找不到任何能做到这一点的包或函数，尽管我确信它们已经存在/很容易访问。我看了AJAX，但找不到任何能做到这一点的东西。

Answer 1

您不需要任何用于的库

// get the search bar
const input = document.querySelector('input')
// get the button
const button = document.querySelector('button')
// set event listener
button.addEventListener('click', () => {
// run ajax request
fetch('http://yoururlhere?query=' + input.value)
})

<input>
<button>Search</button>