无法通过JSON发布

时间:2017-02-09 13:32:22

标签: javascript jquery python json

我正在尝试将用户文本从网页发送到我的烧瓶应用程序,以便在用户文本上运行脚本,然后返回结果。我遇到的问题是文本没有出现在服务器(flask_app.py)端。这是应该发送文本的.js(index.js):

$(document).ready(function(){
    console.log('I have loaded');

    //Grab DOM elements to use later
    analyzeTextButton = $("#analyze-button");


    analyzeTextButton.click(function() {
        // get text
        text = $("#user-text").val();
        //console.log(text); //This part works

        $.ajax({
            type: "POST",
            url: "analyze",
            dataType: "json",
            data: {
                text
            },
             success: function(results, results2, verbs) {
             text = results.text;
             console.log("Success!");
             console.log(verbs);
             }
        })      
    })

以下是尝试接收它的Flask应用。我已经尝试了几个不同的版本(来自其他Stack Overflow问题和各种教程),但它们都不起作用。它们被标记为content1-5。

flask_app.py:

@app.route('/analyze', methods=['POST'])
def analyze():
    print('You made it to analyze', file=sys.stderr) #This gets printed
    content = request.get_json(silent=True)
    content2 = request.json
    content3 = request.get_json()
    content4 = request.form.get('html', '')
    content5 = request.form['contents']
    print(content, file=sys.stderr) #These all return "None"
    print(content2, file=sys.stderr) #Trying to make them return user text
    print(content3, file=sys.stderr)
    print(content4, file=sys.stderr)
    print(content5, file=sys.stderr)
    text = "The text is not being found"
    results = my_script(content) #Run a script on whichever works
    return jsonify({'results': results})

以下是尝试发送信息的页面(index.html):

  <div class="row">
<form role="form" method='POST' action='#'>
  <textarea class="form-control" id="user-text" name="contents" placeholder="Enter a comment"></textarea>
  <button type="button" id="analyze-button" class="btn btn-default">Not Working Button</button>
  <button type="submit" id="analyze-button2" class="btn btn-default">Working Button</button>
</form>

编辑:当我查看浏览器时,我发现POST似乎发送了正确的字符串:“这里+是+我的+文字”

2 个答案:

答案 0 :(得分:0)

.format()

应该是正确的JSON,它应该像

data: {
      text
}

其中data: { "value":text } 是关键,文本变量是值。

答案 1 :(得分:0)

需要指定文本为html的请求:

    $.ajax({
        type: 'POST',
        url: "analyze",
        data: {html:text},
        dataType: 'json',

        success: function (ret) {
          alert('JSON posted: ' + JSON.stringify(ret));
        }
      });

在烧瓶应用程序上,可以使用以下行读取请求:

content4 = request.form.get('html', '')