请帮我设计一个网页能够接chatgpt的api实现在线聊天的网站
好的，以下是一个简单的网页，可以接chatgpt的api，实现在线聊天：
<!DOCTYPE html>
<html>
<head>
<title>Chat with GPT</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function chat() {
var message = $("#message").val();
$("#chatArea").append("<p>You: " + message + "</p>");
$("#message").val("");
$.ajax({
url: "https://api.openai.com/v1/engines/davinci-codex/completions",
type: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": "Bearer API_KEY" //请替换为您的API密钥
},
data: JSON.stringify({
"prompt": message,
"max_tokens": 50,
"temperature": 0.7
}),
success: function(result) {
var response = result.choices[0].text.trim();
$("#chatArea").append("<p>GPT: " + response + "</p>");
}
});
}
</script>
</head>
<body>
<h1>Chat with GPT</h1>
<div id="chatArea"></div>
<input type="text" id="message">
<button onclick="chat()">Send</button>
</body>
</html>
请将API_KEY替换为您的API密钥，然后将以上代码保存为一个HTML文件，将文件上传到您的网站服务器上即可。用户在输入框中输入消息，点击发送按钮后，页面将向chatgpt的API发送请求，并将返回的回复显示在聊天区域中。
原文地址: https://www.cveoy.top/t/topic/bSBN 著作权归作者所有。请勿转载和采集!