Question

我需要在Python + JS的WebApp的单个页面上有多个POST请求

这是我的App.py代码：

import json
from flask import Flask, render_template, request, jsonify
import requests
app = Flask(__name__)


@app.route("/",methods=['GET','POST'])
def home():
    if request.method == 'POST':
        #user inputs
        value1 = request.form.get('first')
        value2 = request.form.get('second')
        value3 = request.form.get('third')

        #api call 
        url = 'http://myapiurl.com/myapi/'
        payload = {
                    "perfid" : value1,
                    "section" : {
                        "hostname" : value2,
                        "iteration" : value3,
                        "sectionname" : "sysstat_M"
                        }
                }


        r = requests.post(url, data=json.dumps(payload))
        returnData = {}

        if r.status_code == 200:
            returnData["status"] = "SUCCESS"
            returnData["result"] = json.loads(r.text)
            return jsonify(returnData)
        else:
            returnData["status"] = "ERROR"
            return jsonify(returnData)

        #print(r.status_code, r.headers['content-type'])
        #print(r.text)
    return render_template('index.html')


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

现在我需要在同一页面上有多个这样的POST请求API调用。通过多个POST请求，我的意思是我需要在同一页面中再使用一个API。

例如：我在http://myapiurl.com/myapi2/有另一个API，我需要使用相同的POST请求，因为只有一个参数不同，结果会有所不同。

url = 'http://myapiurl.com/myapi2/'
        payload = {
                    "perfid" : value1,
                    "section" : {
                        "hostname" : value2,
                        "iteration" : value3,
                        "sectionname" : "DIFFERENT VALUE"
                        }
                }


        r = requests.post(url, data=json.dumps(payload))
        returnData = {}

这是我的JS代码：

$(document).ready(function() {
  console.log("ready!");


  $('form').on('submit', function() { 

    console.log("the form has beeen submitted");

    // grab values
    valueOne = $('input[name="perfid"]').val();
    valueTwo = $('input[name="hostname"]').val();
    valueThree = $('input[name="iteration"]').val();


    console.log(valueOne)
    console.log(valueTwo)
    console.log(valueThree)



    $.ajax({
      type: "POST",
      url: "/",
      dataType:'json',
      data : { 'first': valueOne,'second': valueTwo,'third': valueThree},
      success: function(data) {


        var x = parseInt(data.result.sectoutput.summarystats.Avg.AVG);




       if(x>80)
            {
                var res = data.result.sectoutput.summarystats.Avg.AVG;
                var p = '<p>CPU may be overloading.</p>';
                $('#result').append(p);

            }
        else
            {
                var p = '<p>Normal Usage going on.</p>';
                $('#result').append(p);
            }


      },
      error: function(error) {
        console.log(error)
      }
    });

  });

});

任何人都可以帮我这样做吗？这甚至可能吗？

或者任何人都可以指出我在哪里可以理解如何处理多个POST请求？感谢。

Answer 1

如果客户端必须执行两次调用，您可以从jQuery进行两次调用。它被称为deferred.then（）。请查看此链接https://api.jquery.com/deferred.then/和http://api.jquery.com/jquery.post/

基本上没有一个ajax调用，你将有两个，第一个将等待第二个完成，然后你可以在html中公开你的组合数据。您将调用第一个API。成功后，您将调用第二个API，最后您将合并两个请求中的数据并在屏幕上显示。语法类似于：

var request = $.ajax( "http://myapiurl.com/myapi/", { dataType: "json" } ),

chained = request.then(function( data ) {
   return $.ajax( "http://myapiurl.com/myapi2/", { data: { user: data.userId }  }    );
});

chained.done(function( data ) {
   // data retrieved from url2 as provided by the first request
});

另一个更清洁的选择是使用jQuery“post”延迟函数而不是ajax，如下所示：

$.post( "http://myapiurl.com/myapi/", 
  function( response1 ) {
      $.post( "http://myapiurl.com/myapi2/", 
         function( response2 ) {
           //combine your data here and display it
           var result = []
           result.append(response1)
           result.append(response2)
           $(".result").html(result);
         }
       );
  }
);

如果您需要第一个API在将数据传递给客户端之前调用第二个API，那么另一个选项是使用请求调用第一个API中的第二个API。类似的东西：

@app.route("/")
def your_method_name():
    #get the data from the current first API
    data = {
                "perfid" : value1,
                "section" : {
                    "hostname" : value2,
                    "iteration" : value3,
                    "sectionname" : "FIRST VALUE"
                    }
            } 
    #then call the second api 
    r = requests.post('http://myapiurl.com/myapi2/')
    data2 = json.loads(r.text) #this should give you the second payload with the different value if the call to the second API is successful

   #combine data and data2 in a lsit
   list = []
   list.append(data)
   list.append(dat2)

   #return the combined data
   return jsonify(list)

Flask中的多个POST请求

1 个答案: