How to send form data in vue to variable as json using axios?

Question

for now i have method:

      let newFormData = {
        productName: this.productName,
        productModel: this.productModel,
        prodDescription: this.prodDescription,
        prodPrice: this.prodPrice,
        promoPrice: this.promoPrice
      };
      console.log(newFormData);
      e.target.reset();
    },

and i want to send this form data to file, and save it as a variable in json

Sajad Haibat · Accepted Answer · 2019-12-09 11:16:06Z

1

at first you should have a route to submit this form data to, then you can submit the form like this:

axios.post('http://localhost:3030/api/new/post', 
    this.productName,
    this.productModel,
    this.prodDescription,
    this.prodPrice,
    { headers: {
      'Content-type': 'application/x-www-form-urlencoded',
      }
    }).then(response => ....);

answered Dec 9, 2019 at 11:16

Sajad Haibat

7176 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to send form data in vue to variable as json using axios?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related