javascript - 使用 Javascript 从 HTML 页面获取文本区域值到 Python Flask

Question

我在弄清楚如何从 Javascript 向我的 Python Flask 服务器发送帖子时遇到了一些麻烦。

这是我的 html 文件中的重要部分

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js </script>
<script type=text/javascript>
    $('a#test').bind('click', function() {
        var textBox = document.getElementById('targetTextArea').value;
        $.post('/postmethod', {text: textBox} );
    });
</script>

<!--textarea-->
<textarea rows="1" cols="20" id="targetTextArea">
</textarea>

<!--button-->
<form method="post" role="form">
<a href=# id=test>
    <input type="button" value="submit" id="submit" onClick="writeOut()">
</a>
</form>

这是我的 Python Flask 文件中的内容

@app.route('/postmethod', methods = ['POST'])
def postmethod():
    data = request.form['text']
    print "Hello world!"
    print data
    return data

当我运行 python 脚本时，文本区域和按钮都按其应有的样子存在，但是当我在文本区域中键入内容并单击按钮时，没有任何内容被打印。请帮忙。

Answer 1

你尝试走远路吗？替换 $.post('/postmethod', {text: textBox} );对于

$.ajax({
        method: "POST",
        url: "postmethod", //here can be '/postmethod'
        dataType: 'text',
        data: {text: textBox},
        success: function(result) {
            // example
            $('body').html(result)
        }
});

这应该在页面上打印 python 代码的变量“data”的内容。

还有一件事，

我发现您使用了两种提交按钮的方式，如果您使用

$('a#test').bind('click', function() { //code });

那么，onClick="writeOut()" 就不是必需的了。

希望您觉得它有用，问候。