axios 使用烧瓶和 vuejs 发布多个数据

Question

我想做的就是从我的网络用户输入中获取context_answers 和treatment_answers 并将其带到Flask 上。 （我对此很陌生，对不起，我对自己在做什么含糊不清）

`context_answers = {"a":[1], "b":[2], "c":[3], "d":[4]}
treatment_answers = {"y":[10]}`    

我能够通过以下方式获得 context_answers：

`methods: {
      handleSubmit() {    
        axios.post("/submit_survey", this.context_answers)
      }
    }`

在烧瓶上

`@app.route("/submit_survey", methods=["POST"])
def submit_survey():
    context = request.get_json(force=True)
    context_df = pd.DataFrame.from_dict(context)`

但是如何在同一个axios post方法中得到this.treatments_answers呢？在submit_survey?

我想创建一个包含以下内容的数据框：

a b c d y 1 2 3 4 10

非常感谢！

Answer 1

如果你想过去很多参数，你可以这样做：

methods: {
  handleSubmit() {    
    axios.post("/submit_survey", {context_answers: this.context_answers, 
                                                         treatments_answers: this.treatments_answers})
  .then( 
     (response) => { console.log(response) },
     (error) => { console.log(error) }
   )
  }
}

或者试试这个：

 methods: {
      handleSubmit() {    
        axios.post("/submit_survey", {context_answers: this.context_answers, 
                                                             treatments_answers: this.treatments_answers})
      .then(response => { 
         console.log(response)
      })
      .catch(error => {
         console.log(error)
      });
    }