axios post for multiple data with flask and vuejs - flask

Question

All I want to do is get context_answers and treatment_answers from my web user inputs and bring it on the Flask. (I am very new to this, sorry that I am a vague about what I am doing)
`context_answers = {"a":[1], "b":[2], "c":[3], "d":[4]}
treatment_answers = {"y":[10]}`
I was able to get context_answers doing following:
`methods: {
handleSubmit() {
axios.post("/submit_survey", this.context_answers)
}
}`
and on the Flask
`#app.route("/submit_survey", methods=["POST"])
def submit_survey():
context = request.get_json(force=True)
context_df = pd.DataFrame.from_dict(context)`
But how do you get this.treatments_answers in the same axios post method? and in the submit_survey?
I want to create a data frame that has following:
a b c d y
1 2 3 4 10
Thank you so much!

Answer 1

If do you want past many params you can do this:
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) }
)
}
}
or try this:
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)
});
}