Creating a consultant for the site?

Question

JavaScript

Tell me how to implement a similar window for the site:

I need to enter some keyword, the data is sent to the server and a selection is made there, and the response from the server appears in the same window. You need to do at least something simple)), tell me how to do it all, or maybe there are ready-made examples?

Answer 1

If we omit all the details about the chat window, then only the form input and the send button remain. This is about such a "simple" you ask?

Answer 2

https://www.jivosite.ru/
or see an overview of similar

Answer 3

phpfaq.ru/newbie/na_tanke

Answer 4

The main difficulty in creating such a chat is how to notify the interlocutor of a new message.
Actually, there are 2 ways:
1) Clumsy and lazy. Through SetInterval(), send requests to the database via ajax and see if there are new records in it.
2) Beautiful and correct. I wrote such a chat, but since the stack was ASP.NET, I used SignalR (dotnet wrapper for WebSocket). But since you have a different stack, then read about WebSocket and the corresponding libraries for working with it on the server and on the client.
https://bablofil.ru/nodejs-websocket-chat/
How to write a chat on websocket'ax (javascript)?
https://medv.io/create-chat-on-php/
Everything else is pretty primitive.