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

编辑问题：

经过一段时间的阅读和修补，我现在遇到了一个更具体的问题： 在我的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)

然后把它寄出去。但是，在flask中访问它时，字符串是

未定义的

。我想这是因为我从来没有提交过表格或其他东西

我想要的行为

用户在文本字段中输入，只要他更改输入，就将当前输入发送到web服务器

---

我正在使用的架构如何实现这一点？这不是一个好办法吗？

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

创建一个表单，然后创建一个输入字段，您可以在其中对输入调用javascript函数，该函数将使用输入字段中的数据进行ajax调用，因此您现在就可以开始了。通常，您希望访问输入的值，而不是表单的值。解决了这个问题，thanksI想使用Python flask来运行我的服务器。你也能用python处理按键事件吗？原则上，我愿意使用任何东西。：）在这种情况下，AJAX应该是一条出路。在服务器端创建POST请求，并在按键事件中发送POST请求。您的代码可能看起来像这样：function sendPost（）{var xhttp=new XMLHttpRequest（）；xhttp.onreadystatechange=function（）{if（this.readyState==4&&this.status==200）{//对响应做您想做的事}；xhttp.open（“POST”，“”，true）；xhttp.send（）；}