Update script.js

script.js

@@ -15,21 +15,37 @@ document.addEventListener("DOMContentLoaded", function () {
         userMessage.textContent = `You: ${message}`;
         chatMessages.appendChild(userMessage);
 
-        // ارسال پیام به سرور Streamlit
-        const url = new URL(window.location.href);
-        url.searchParams.set("message", message);
-        window.location.href = url;
-
         // پاک کردن ورودی
         userInput.value = "";
-    });
 
-    // دریافت پاسخ از سرور
-    const urlParams = new URLSearchParams(window.location.search);
-    if (urlParams.has("response")) {
-        const response = urlParams.get("response");
-        const assistantMessage = document.createElement("p");
-        assistantMessage.textContent = `Assistant: ${response}`;
-        chatMessages.appendChild(assistantMessage);
-    }
+        try {
+            // ارسال پیام به سرور
+            const response = await fetch("/generate", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ message }),
+            });
+
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const data = await response.json();
+
+            // نمایش پاسخ مدل
+            const assistantMessage = document.createElement("p");
+            assistantMessage.textContent = `Assistant: ${data.response}`;
+            chatMessages.appendChild(assistantMessage);
+
+        } catch (error) {
+            console.error("Error fetching response:", error);
+            const errorMessage = document.createElement("p");
+            errorMessage.textContent = "خطایی در دریافت پاسخ از سرور رخ داده است.";
+            errorMessage.style.color = "red";
+            chatMessages.appendChild(errorMessage);
+        }
+
+        // اسکرول به پایین
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+    });
 });