将jsonify不返回到呈现模板页

Question

我想做数据预处理的机器学习应用程序在烧瓶。这个流程是，html表单将表单发送到javascript代码，然后发送到烧瓶路由。

这是我的html表格

<form method="POST" enctype ="multipart/form-data" id="train-form">
<input type="file" name="file_train" id="file_train">
<button type="submit" id="train_submit" class="btn btn-primary">Train Data</button>
</form>

这是我的javascript代码

$('#train-form').on('submit',function(){
var file_train = new FormData($('#train-form')[0]);
$.ajax({
    data : file_train,
    contentType: false,
    cache: false,
    processData: false,
    // async: false,
    type : 'post',
    url : '/training',
})
.done(function(data){
    $('#ulasan').html(data.ulasan);
    $('#case_folding').html(data.case_folding);
    $('#r_punctuation').html(data.r_punctuation);
    $('#r_stopwords').html(data.r_stopwords);
    $('#t_segmentation').html(data.t_segmentation);
    $('#stemming').html(data.stemming);
    $('#t_kata').html(data.t_kata);
    $('#preproccessing').show();
});
});

这是我的烧瓶线路代码

@app.route("/training", methods=('GET', 'POST'))
def training():
if request.method=="POST":
    file = request.files['file_train']

    df = model.read_data(file)
    df = model.data_preprocessing(df)
    # data_token = df['t_kata'] # tokenization

    ulasan = str(df['ulasan'][:5])
    case_folding = str(df['case_folding'][:5])
    r_punctuation = str(df['r_punctuation'][:5])
    r_stopwords = str(df['r_stopwords'][:5])
    t_segmentation = str(df['t_segmentation'][:5])
    stemming = str(df['stemming'][:5])
    t_kata = str(df['t_kata'][:5])
    return jsonify({'ulasan': ulasan, 'case_folding':case_folding, 'r_punctuation':r_punctuation, 'r_stopwords':r_stopwords, 't_segmentation':t_segmentation, 'stemming':stemming, 't_kata':t_kata})
else:
    return render_template('training.html', title='train')

首先，页面是成功地呈现出来的，当预处理完成后，我有一个隐藏的表来显示数据。但是jsonify返回空白的json页面。问题是如何将jsonify返回到呈现的页面，即training.html？谢谢

这是要呈现的页面。

这是json原始html页面。

Answer 1

按钮类型属性应该是type="button"