NSProject
Feb. 28, 2022, 1:58 a.m.

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

Do you like it? Share on social networks!

2
Evgenii Legotckoi
  • Feb. 28, 2022, 2:03 p.m.
  • The answer was marked as a solution.

Вам нужно 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
    • Feb. 28, 2022, 8:26 p.m.

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

      Comments

      Only authorized users can post comments.
      Please, Log in or Sign up
      • Last comments
      • AK
        April 1, 2025, 11:41 a.m.
        Добрый день. В данный момент работаю над проектом, где необходимо выводить звук из программы в определенное аудиоустройство (колонки, наушники, виртуальный кабель и т.д). Пишу на Qt5.12.12 поско…
      • Evgenii Legotckoi
        March 9, 2025, 9:02 p.m.
        К сожалению, я этого подсказать не могу, поскольку у меня нет необходимости в обходе блокировок и т.д. Поэтому я и не задавался решением этой проблемы. Ну выглядит так, что вам действитель…
      • VP
        March 9, 2025, 4:14 p.m.
        Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
      • ИМ
        Nov. 22, 2024, 9:51 p.m.
        Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
      • Evgenii Legotckoi
        Oct. 31, 2024, 11:37 p.m.
        Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup