NSProject
Ақп. 28, 2022, 1:58 Т.Ж.

Cложности с кодом javascript в приёме данных из WebSoket

django, JavaScript

  1. var ws = ""
  2. let btn = document.querySellector('#send')
  3. let room = document.querySellector('#room")
  4. let input = document.querySellector('#input-message")
  5. let
  6.  
  7. room.addEventListener("click", function(e){
  8. if(ws){
  9. ws.close()
  10. }
  11. ws = new Websocket("ws://"+ window.location.host + "/ws/message")
  12. }
  13.  
  14. btn.addEventListener("click", function(e){
  15. message = input.value
  16. ws.send(
  17. JSON.stringify({
  18. 'message': message,
  19. })
  20. )
  21. }
  22.  
  23. ws.onmessage = function(e){
  24. let data = JSON.parse(e.data)
  25. document.querySellector('#msg-log").innerHTML += "<li class='msg'>" + data.message + "</li>
  26. }
  27.  
  28.  

Подключение и отправка сообщения работают. Не работает функция ws.onmessage.
Есть какие то способы это исправить как то?

2

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

2
Evgenii Legotckoi
  • Ақп. 28, 2022, 2:03 Т.Қ.
  • Жауап шешім ретінде белгіленді.

Вам нужно onmessage подключить сразу после создания сокета, когда вызывается оператор new, поскольку на момент подключения onmessage у вас просто мусор в переменной ws

Как минимум так должно выглядеть

  1. var ws = ""
  2. let btn = document.querySellector('#send')
  3. let room = document.querySellector('#room")
  4. let input = document.querySellector('#input-message")
  5. let
  6.  
  7. room.addEventListener("click", function(e){
  8. if(ws){
  9. ws.close()
  10. }
  11. ws = new Websocket("ws://"+ window.location.host + "/ws/message")
  12. ws.onmessage = function(e){
  13. let data = JSON.parse(e.data)
  14. document.querySellector('#msg-log").innerHTML += "<li class='msg'>" + data.message + "</li>
  15. }
  16. }
  17.  
  18. btn.addEventListener("click", function(e){
  19. message = input.value
  20. ws.send(
  21. JSON.stringify({
  22. 'message': message,
  23. })
  24. )
  25. }
  26.  
    NSProject
    • Ақп. 28, 2022, 8:26 Т.Қ.

    Большое спасибо за совет. Я чегодня только под утро к такому же варианту пришёл. Методом научного тыка. Но думал есть решение другое, а оно оказалось вон как элементарно.

      Пікірлер

      Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
      Кіріңіз немесе Тіркеліңіз