接口名称:答案搜索 接口地址:https://sou.mmifx.com/api.php 请求方式:GET / POST 请求方式:GET / POST 参数: 名称:token类型:string 说明:用户唯一token 名称:question类型:string 说明:要搜索的问题 请按照以上接口说明,写出类似聊天对话框的页面代码,支持用户输入question的值根据返回参数展示查询到的结果
时间: 2023-12-06 07:39:56 浏览: 75
<!DOCTYPE html>
<html>
<head>
<title>答案搜索</title>
</head>
<body>
<h1>答案搜索</h1>
<form method="POST" action="https://sou.mmifx.com/api.php">
<label for="token">Token:</label>
<input type="text" id="token" name="token"><br><br>
<label for="question">Question:</label>
<input type="text" id="question" name="question"><br><br>
<input type="submit" value="Search">
</form>
<br>
<div id="results"></div>
<script>
const form = document.querySelector('form');
const resultsDiv = document.querySelector('#results');
form.addEventListener('submit', async (e) => {
e.preventDefault();
const token = form.elements.token.value;
const question = form.elements.question.value;
const url = `https://sou.mmifx.com/api.php?token=${token}&question=${question}`;
try {
const response = await fetch(url);
const json = await response.json();
if (json.success) {
resultsDiv.innerHTML = json.data;
} else {
resultsDiv.innerHTML = 'Error: ' + json.message;
}
} catch (error) {
console.error(error);
resultsDiv.innerHTML = 'Error: ' + error.message;
}
});
</script>
</body>
</html>
阅读全文