使用fetch将数据与ajax传递到Flask服务器会导致错误的请求错误

时间:2019-05-08 18:17:41

标签: javascript ajax flask

该程序是关于文本摘要程序的。输入来自文本区域,然后传递到Flask服务器。我已经使用ajax提取来发布数据,但是代码显示了错误的请求错误。如何解决该错误?

这是JavaScript部分。

<body>
    <form method="post">
    <textarea rows="10" cols="60" id="input" type="text"> </textarea>
    <input id="btn-i" type="button" value="Convert" onclick="sendThis()">
    <textarea rows="10" cols="60" id="btn-o" type="text"></textarea>
    </form>


    <script>

    function sendThis() {
        var input = document.getElementById("input").value;

        var  uurl = 'http://127.0.0.1:5000/'
        fetch(uurl, {
            method: 'POST',
            body: input

            }).then(function (result) {
                console.log(result); 
                console.log(JSON.stringify(result));
                var res = JSON.stringify(result);
                printOutput(res);
            }).catch (function (error) {
                console.log('Error: ', error);
            })
    }

    function printOutput(res) {
        var x = document.getElementById('btn-o');
        x.value = res;
    }

这是Flask服务器。我需要在同一页面上显示输出。

from flask import Flask,render_template,request

from flask import jsonify
from commons import open_files

app = Flask(__name__)

@app.route('/',methods=['GET','POST'])
def hello_world():
   if request.method=='GET':
       return render_template('check.html')

   if request.method=='POST':
       text=request.form['input']
       print(text)
       return jsonify(open_files(text))



if __name__=='__main__':
    app.run(debug=True)

0 个答案:

没有答案