Question

我有以下代码。这些代码应该获取用户的输入并在python中进行处理。所有这些都应该在同一网页上运行。

我已经尝试了flask.request下的所有可能功能。

在python文件中，

app.route("/",methods=['GET','POST'])
def homepage():
    return render_template('index.html')

@app.route("/detection",methods=['GET'])
def detections():
    code=request.args.get('code',default='',type=str)
    print(code)
    ide=Lang_Dec(code)
    lang=ide.get_lang()
    print(lang)
    return jsonify({'html':lang})

在html文件中，

<body>
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                        <textarea class="codemirror-textarea" id='code'></textarea>
                        <button type="button" class="btn btn-primary btn-lg" id='butt'>Guess the function!</button>
                </div>
                <div class="col-lg-4">
                    <div class="card" >
                        <h5 class="card-header">Detected Language</h5>
                        <div class="card-body">
                            <h6 class="card-title" id='lang'></h6>
                            <p class="card-text">Percentages</p>
                        </div>
                    </div>
                    <div class="card text-white bg-dark mb-3" >
                            <h5 class="card-header">IDE OUTPUT</h5>
                            <div class="card-body">
                                <p class="card-text" id='ide'></p>
                            </div>
                    </div>
                </div>
            </div>
        </div>



        <script>
            $(document).ready(function(){
                var code = $(".codemirror-textarea")[0];
                var editor = CodeMirror.fromTextArea(code, {
                    lineNumbers : true,
                    theme : "duotone-dark",
                });
            });
        </script>

        <script>
            $(document).ready(function(){
                $('#butt').click(function(){
                    var code=$('#code').val();
                    $.ajax({
                        url:"/detection",
                        type: "get",
                        data:{code:code},
                        success:function(response){
                            $('#lang').html(response.html);
                        },
                        error: function(xhr){
                            //do smtg
                        }
                    });
                });
            });
        </script>
    </body>

Python应该从textarea获取用户输入，但是事实证明Python脚本仅获取-。

Answer 1

这不是Python或Flask问题，您还没有将文本区域包装在表单中，而Get serial number of usb storage device则建议以下内容（强调我的意思）：

CodeMirror.fromTextArea（textArea：TextAreaElement，？config：object）

此方法提供了另一种初始化编辑器的方法。需要一个   textarea DOM节点作为第一个参数和可选配置   对象为第二。它将用CodeMirror替换textarea   实例，然后连接该文本区域（如果有）的形式以确保   当表单为“ ”时，编辑器内容将被放入文本区域   已提交。文本区域中的文本将提供   编辑器。

尝试并通过简单的形式进行确认：

<form action='detection'> <textarea id='code' name='code'></textarea> <button type="submit">Go!</button> </form>

在本地服务，提交带有一些随机文本输入的表格会产生以下结果：

127.0.0.1--[2019年1月21日22:50:04]“ GET / detection？code = dfgdfgdfgggggggggg HTTP / 1.1”

因此，在您的情况下，看起来您需要在Ajax请求之前致电cm.save()，至少这是快速浏览文档对我的建议。

因此，对代码进行快速而肮脏的修复将如下所示：

<script> $(document).ready(function(){ var code = document.getElementById('code'); var editor = CodeMirror.fromTextArea(code, { lineNumbers : true, theme : "duotone-dark", }); $('#butt').click(function(){ editor.save(); // this is where the textarea content gets updated var c=$('#code').val(); $.ajax({ url:"/detection", type: "get", data:{code:c}, success:function(response){ $('#lang').html(response.html); }, error: function(xhr){ //do smtg } }); }); }); </script>

request..args.get不存储任何内容

1 个答案: