Flask：request.method =='POST' 跳过返回语句

Question

我的应用程序有一个奇怪的问题。

我正在做的是：我在 JS（客户端）中生成一个 csv 文件，然后将它发送到烧瓶，然后我使用 python 脚本过滤文件，然后将其返回给客户端。

除了最后一部分，一切都很好。当涉及到返回 render_template 时，它只是跳过那部分。这很奇怪，因为它在if request.method == 'POST' 内部。我在if request.method=='POST' 中打印了值，我可以在服务器端看到这些值。

烧瓶路线.py：

@app.route('/update_file', methods=['GET', 'POST'])

@login_required

def update_file():

    '''Opens the filtered_file page but with updated file'''

    clicked = None

    if request.method == 'POST':

        clicked = io.StringIO(request.form['data'])

        file_to_filter = pd.read_csv(clicked, sep=',', engine='python', encoding='utf_8_sig')

        table1 = update_csv(file_to_filter)

        print(table1)

        table2 = table1.to_html(classes='my_class" id = "my_id')

        return render_template('3_filtered_file.html', data=table2)

这是我在我的 html 模板上显示它的方式：

 <div class="table-responsive">

    {{data | safe}}

</div>

我已经对客户端上传的文件做了类似的处理，效果很好，但是这个有一个我似乎找不到的错误：/

编辑： 这是我发送ajax请求的JS：

//On Update click renders table to csv, activates the be_filter and reopens it in the filtered_file.html

var isClicked;

jQuery("#update").on('click', function(){

    var response = confirm('Are you sure you want to UPDATE rows ?');

    if(response == true){                    

        isClicked = $('#my_id').table2csv();

        $.ajax({

            type:'POST',

            url:"{{url_for('update_file')}}",

            data: {'data': isClicked}

        });

         //window.location.href='/update_file';

    }else{

        return false;

    }

});

Answer 1

这里的问题是，您应该在提交表单时使用 AJAX。AJAX 主要是在后台与服务器通信，但您正试图将其用作以编程方式提交 POST 表单数据的工具。使用 AJAX 将向服务器发送请求，就像单击链接或提交表单一样，但浏览器不会导航到结果。这就是为什么您得出的结论是flask 跳过了render_template调用，但模板确实得到了渲染。只是通过 AJAX 调用，回复只会在 AJAX 成功回调中结束，而不是在浏览器的主窗口中。对于这样的 AJAX 请求，不需要发回 HTML。例如，您可以简单地 return "update successful"。您可以通过从客户端手动重定向到结果页面来修复现有代码：// in your $.ajax() options:success: function(reply) {&nbsp; if (reply == "update successful") location = "/table"; // URL of table view&nbsp; else alert("server reports error");}在 AJAX 调用成功更新服务器上的 CSV 文件后，这将在客户端上重定向。但是，您可以简单地提交实际表单：<form id="tableDataForm" method="post" action="{{url_for('update_file')}}">&nbsp; <input type="hidden" name="data" id="tableData"></form>$("#update").on('click', function(){&nbsp; &nbsp; $('#tableData').val($('#my_id').table2csv()); // insert data into hidden <input>&nbsp; &nbsp; $('#tableDataForm').submit();&nbsp; // send POST request});这就是你所需要的。现在浏览器会再次显示flask发回的回复。