如何将表单中的文本放入Javascript API请求？[duplicate]

lokaqttq 于 2022-12-25 发布在 Java

关注(0)|答案(2)|浏览(120)

- 此问题在此处已有答案**：

How do I get the value of text input field using JavaScript?（16个答案）
昨天关门了。
对不起，如果这是一个愚蠢的问题，我有一个表单在我的HTML文档，我想把你从表单提交到我的Javascript API调用的文本。

<form id="form">
 <input type="text" id="query" name="keyw">
 <button>Search</button>
</form>

我需要将此输出放入[USER TEXT HERE]部分

fetch("https://example.com/search?keyw=[USER TEXT HERE]")
 .then((response) => response.json())

我该怎么做？谢谢。

JavaScript

来源：https://stackoverflow.com/questions/74904230/how-do-i-put-text-from-a-form-into-my-javascript-api-request

2条答案

按热度按时间

gkn4icbw1#

在Javascript中，我们可以为onSubmit创建一个事件监听器：

document.getElementById("form").addEventListener("submit", fetchSomeAPI);

在fetchSomeAPI函数中，只需要将用户的输入和请求连接起来：

function fetchSomeAPI() {
    fetch(`https://example.com/search?keyw=${document.getElementById("query").value}`)
    .then((response) => response.json())
}

赞(0）回复(0）举报 2022-12-25

von4xj4u2#

要从表单中获取值，需要监听<input />上的keypress事件，以确保每次用户与输入交互时都更新该值。https://codesandbox.io/s/example-quin-g5z54m

赞(0）回复(0）举报 2022-12-25

我来回答

如何将表单中的文本放入Javascript API请求？[duplicate]

2条答案

相关问题

热门标签

最新问答