```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1
.0">
<title>Ollama API Call</title>
</head>
<body>
<input type="text" id="prompt" placeholder="输入你的问题">
<button onclick="callOllamaAPI()">发送请求</button>
<div id="response"></div>
<script>
async
function callOllamaAPI() {
const prompt = document
.getElementById('prompt')
.value;
const apiUrl = 'http
://10
.157
.1
.44
:11434/api/generate'; // 请根据实际情况修改
const data = {
model
: 'deepseek-r1
:32b',
prompt
: prompt
};
try {
const response = await fetch(apiUrl, {
method
: 'POST',
mode
: 'no-cors',
headers
: {
'Content-Type'
: 'application/json'
},
body
: JSON
.stringify(data)
});
if (!response
.ok) {
throw new Error(`HTTP error! status
: ${response
.status}`);
}
const reader = response
.body
.getReader();
const decoder = new TextDecoder();
let result = '';
let done = false;
while (!done) {
const {
value, done
: doneReading } = await reader
.read();
done = doneReading;
if (
value) {
const chunk = decoder
.decode(
value);
const lines = chunk
.split('\n');
lines
.forEach(line => {
if (line) {
try {
const jsonData = JSON
.parse(line);
if (jsonData
.response) {
result += jsonData
.response;
}
} catch (error) {
console
.error('解析 JSON 数据时出错
:', error);
}
}
});
}
}
document
.getElementById('response')
.textContent = result;
} catch (error) {
console
.error('请求出错
:', error);
document
.getElementById('response')
.textContent = '请求出错，请检查
控制台日志。';
}
}
</script>
</body>
</html>```我运行这个代码时，
报错，帮我分析一下
扫一扫
909
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
