用户键入后立即发布到服务器

时间:2018-08-19 16:45:53

标签: javascript html ajax html5 post

编辑后的问题:

阅读并修改了一段时间后,我现在遇到了一个更具体的问题: 在我的HTML中,我有一个输入字段,在oninput中,我有一个javascript函数设置和XMLHTTPrequest。我将输入字段包装到标签中,以便在flask中可以访问

@app.route('/user_input', methods=['GET', 'POST'])
def handle_input():
    message = request.form['input']
    return "success"

除连续发送用户输入外,所有内容均可找到。也就是说,在我的js代码中,我尝试通过

在文本字段中输入文本
var text = document.getElementById("myForm").value
var postVars = 'input='+ text
req.send(postVars)

并发送。但是,在烧瓶中访问它时,字符串为undefined。我想是这样,因为我从未真正提交过表格或任何东西。

我想要的行为

用户在文本字段中输入的内容,只要他更改了输入,就会将当前输入发送到Web服务器。

如何使用我正在使用的体系结构实现此目标?难道不是要走的路吗?

1 个答案:

答案 0 :(得分:1)

如果您愿意使用NodeJS,则可以实现套接字功能,并在按键事件发生时将数据从客户端流传输到服务器。由于我不确定您使用的是哪种服务器端语言,因此这可能与您完全无关,但是NodeJS对您的要求的实现非常简单。