chatbox.js
unknown
javascript
8 months ago
2.4 kB
0
Indexable
Never
$(document).ready(function() { // Ascultați evenimentul de clic pe butonul "Deschide chatbox" $('#chatbox-opener').on('click', function() { // Afișează sau ascunde chatbox-ul $('#chatbox').toggle(); }); function fetchMessages() { $.ajax({ url: 'chatgpt.php', method: 'GET', data: { action: 'getMessages' }, dataType: 'json', success: function(response) { let messagesHTML = ''; for (const message of response) { messagesHTML += `<p><strong>${message.name}</strong>: ${message.message}</p>`; } $('#messages').html(messagesHTML); } }); } fetchMessages(); setInterval(fetchMessages, 3000); // Verificați și actualizați mesajele la fiecare 3 secunde. $('#messageForm').submit(function(e) { e.preventDefault(); let nameInput = $('#nameInput'); let messageInput = $('#messageInput'); let name = nameInput.val().trim(); let message = messageInput.val().trim(); if (name === '' || message === '') { return; } $.ajax({ url: 'chatgpt.php', method: 'POST', data: { action: 'addMessage', name: name, message: message }, success: function() { nameInput.val(''); messageInput.val(''); fetchMessages(); } }); // Adăugăm un alt apel AJAX către fetchGPTResponse $.ajax({ url: 'chatgpt.php', method: 'POST', data: { action: 'fetchGPTResponse', message: message // utilizăm mesajul trimis de utilizator ca prompt }, dataType: 'json', success: function(response) { // adăugăm răspunsul generat de GPT-3 la chatbox if (response.response !== null) { let gptResponse = response.response; let gptMessageHTML = `<p><strong>Chatbot:</strong> ${gptResponse}</p>`; $('#messages').append(gptMessageHTML); } } }); }); });