Breaking News: Grepper is joining You.com. Read the official announcement!

axios post data vue js

Silly Shrew answered on March 30, 2020 Popularity 10/10 Helpfulness 4/10

answer axios post data vue js

related Access data out of Axios .then vue.js

axios post data vue js

Comment

<template>
 <form class="" method="post" @submit.prevent="postNow">
 <input type="text" name="" value="" v-model="name">
 <button type="submit" name="button">Submit</button>
 </form>
</template>

export default {
  name: 'formPost',
  data() {
    return {
      name: '',
      show: false,
    };
  },
  methods: {
   postNow() {
  axios.post('http://localhost:3030/api/new/post', {
    headers: {
      'Content-type': 'application/x-www-form-urlencoded',
    },
    body: this.name,
   });
  },
  components: {
    Headers,
    Footers,
  },
};

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: axios javascript post

Link to this answer
Share Copy Link

Contributed on Mar 30 2020

Silly Shrew

0 Answers Avg Quality 2/10

Closely Related Answers

Access data out of Axios .then vue.js

Comment

data() {
	return {
    	variable: null
    }
}

mounted() {
    axios.get(url)
     .then(function (response) {
        this.variable = response.data
     }.bind(this)) //You need to put .bind(this) to keep the scoped variable
}

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: axios axio

Link to this answer
Share Copy Link

Contributed on Oct 03 2021

prT-

0 Answers Avg Quality 2/10

vue axios post return json data

Comment

// response is full Response object, with URL, headers, method and etc.
axios.post("http://localhost:8080/api/some/awesome/endpoint", postData)
	.then(response => console.log(response.data));
// no need for .json method, becouse response.data already is JS object

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: axios axio

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

MaestroError

0 Answers Avg Quality 2/10

Access data out of Axios .then vue.js

Comment

created() {
    var self = this;
    axios.get('http://127.0.0.1/api/bills')
        .then(function (response) {
                self.contas = response.data;
                });
}

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: w3programmers.org

Tags: axios javascript out o

Link to this answer
Share Copy Link

Contributed on Mar 24 2022

Cruel Cat

0 Answers Avg Quality 2/10

axios post data vue js

Comment

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
router.post('/new/post', (req, res) => {
  res.json(console.log("this is working" + ' ' + req.body.name));
});

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: axios axio

Link to this answer
Share Copy Link

Contributed on Mar 30 2020

Silly Shrew

0 Answers Avg Quality 2/10

axios post data vue js

Contents

More Related Answers

axios post data vue js

Closely Related Answers

Access data out of Axios .then vue.js

vue axios post return json data

Access data out of Axios .then vue.js

axios post data vue js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.