给我写一个html文件,可入输入一段文字,然后调用一个web api,并将返回的结果显示在文本框内
时间: 2024-05-22 21:15:23 浏览: 49
<!DOCTYPE html>
<html>
<head>
<title>Web API调用示例</title>
</head>
<body>
<label for="input-text">请输入文本:</label>
<input type="text" id="input-text"><br><br>
<button onclick="callAPI()">调用API</button><br><br>
<label for="output-text">返回结果:</label>
<textarea id="output-text" rows="10" cols="50"></textarea>
<script>
function callAPI() {
// 获取输入文本
const inputText = document.getElementById("input-text").value;
// 调用API
fetch(`https://api.example.com/text-analysis?text=${inputText}`)
.then(response => response.json())
.then(data => {
// 将返回结果显示在文本框内
document.getElementById("output-text").value = data.result;
})
.catch(error => console.error(error));
}
</script>
</body>
</html>
阅读全文