How to set variable outside axios get

Question

I can't return a value using this function because it is empty.

getNameById (id) {

    var name = ''

    axios.get('/names/?ids=' + id)
      .then(response => {
        this.response = response.data
        name = this.response[0].name
      })
      .catch(e => {
        this.errors.push(e)
      })
    // Is empty
    console.log('Name ' + name)
    return name
  }

How do I access the name variable inside "then" and return it?

Ioan · Answer 1 · 2017-05-29T06:19:58.333

21

You should return the promise instead.

getNameById (id) {
  return axios.get('/names/?ids=' + id)
      .then(response => {
        this.response = response.data
        return this.response[0].name
      })
  }

and use it:

getNameById(someId)
  .then(data => {
    // here you can access the data
  });

edited May 29 '17 at 06:19

answered May 28 '17 at 19:51

Ioan

5,152
3
31
50

Correct approach (+1) from me ! @OP for further info please have a look here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then – Christos May 28 '17 at 19:54
Thanks @Christos! – Ioan May 28 '17 at 19:56
You are welcome dude ! – Christos May 28 '17 at 19:59
1

How do I access the content on the promise then? – John May 28 '17 at 20:20
1

personObject.name = this.getNameById(id) returns null – John May 28 '17 at 21:34
I am not sure how your response looks like, but it;;s in the `response` object. Can you give me a hint how it looks like ? – Ioan May 31 '17 at 10:59
when I try to wrap my function in something like getNameByID I get: "Uncaught SyntaxError: Unexpected token '{' " – Skyler Mar 01 '21 at 11:13
It's work with me, thank you so much – Mon May 18 '21 at 15:31
I am also looking for below { var somevar = getNameById(someId) } I want access something from promise blocks and pass to some other function in my code – sandejai May 22 '21 at 07:42

How to set variable outside axios get

1 Answers1

Linked