Question

我正在尝试构建一个实时应用程序，我正在通过php和msqli将数据发送到数据库，但是为了使其成为实时应用程序，我想知道是否有可能发出我在表单上编写的内容输入或文本区域到聊天框，而无需我刷新浏览器。

Answer 1

最好显示您到目前为止所做的尝试，但这仍然是答案。

  //client 
  var form = document.getElementById('your-form-id');
  var inputvalue = document.getElementById('your-input-id');
  var output = document.getElementById('your-output-id')
  form.onsubmit = (e) =>{
     e.preventDefault()
     socket.emit('data', {message: inputvalue.value}); //send event called data to server with data
  } 

  //server

  socket.on('data', (data)=>{ //get data that is sent from client (previous block of code)
    socket.emit('emitted data', {message: data.message}) //send that data back to client
  })

  //client again 

  socket.on('emitted data', (data)=>{ //get data from server and display it in output
    output.innerHTML += `<p>${data.message}</p>`
  })

有关详细信息，请访问socket.io docs

我如何简单地在socket.io的表单输入字段中发出数据

1 个答案: