|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<title>Ollama Chat</title> |
|
|
</head> |
|
|
<body> |
|
|
<div> |
|
|
<h1>Ollama Chat Test</h1> |
|
|
<div> |
|
|
<textarea id="prompt" rows="4" cols="50"></textarea> |
|
|
</div> |
|
|
<button onclick="sendMessage()">Send</button> |
|
|
<div id="response"></div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
async function sendMessage() { |
|
|
const prompt = document.getElementById('prompt').value; |
|
|
const response = document.getElementById('response'); |
|
|
response.textContent = 'Loading...'; |
|
|
|
|
|
try { |
|
|
const res = await fetch('/testchat', { |
|
|
method: 'POST', |
|
|
headers: {'Content-Type': 'application/json'}, |
|
|
body: JSON.stringify({prompt}) |
|
|
}); |
|
|
const data = await res.json(); |
|
|
response.textContent = data.response; |
|
|
} catch (err) { |
|
|
response.textContent = 'Error: ' + err; |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
