javascript - How to return boolean with axios - Stack Overflow

admin管理员组

文章数量:1310074

In VueJS I am trying to return a boolean with axios

allContactsSaved() {
    let promise = axios.get('/contacts');
    console.log(promise.then(function (response) {
        response.data.data.forEach(function(contact) {
          if (!contact.saved) {
            return false;
          }
        });
        return true;
    }));
  }

The console.log is just returning

Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}

But I want either true or false in return.

In VueJS I am trying to return a boolean with axios

allContactsSaved() {
    let promise = axios.get('/contacts');
    console.log(promise.then(function (response) {
        response.data.data.forEach(function(contact) {
          if (!contact.saved) {
            return false;
          }
        });
        return true;
    }));
  }

The console.log is just returning

Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}

But I want either true or false in return.

• javascript
• vue.js
• boolean
• vuejs2
• axios

Share Improve this question Follow asked Aug 4, 2017 at 9:54 Mango DMango D 47333 gold badges1111 silver badges3131 bronze badges 2

• 2 Possible duplicate of How do I return the response from an asynchronous call? – Sven Commented Aug 4, 2017 at 9:56
• How can I use the callback function in my example? – Mango D Commented Aug 4, 2017 at 11:02

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

The problem is not with VueJS neither Axios... I think you misunderstand Promises

Your function is asynchronous and use Promises to solve the problem, as well as axios.

To have allContactsSaved() returning with true/false to be used later, you have 3 options:

1. Promises

Return a promise, and use .then when allContactsSaved is called, like this:

 // Function
 // Returns promise
 allContactsSaved() {
    let promise = axios.get('/contacts').then(function (response) {
        // check if every one is saved
        const check = response.data.data.every(function(contact) {
          return contact.saved;
        });
        return check;
    }));
    return promise;
  }

 // Using it:
 allContactsSaved().then(function(isSaved) {
     console.log(isSaved);
 });

2. Callbacks

I think the first option is better than this one. This is kinda old school way.

 // Function
 // Returns promise
 allContactsSaved(callback) {
    axios.get('/contacts').then(function (response) {
        // check if every one is saved
        const check = response.data.data.every(function(contact) {
          return contact.saved;
        });
        if(callback) {
           callback(check);
        }
    }));
  }

 // Using it with function callback:
 allContactsSaved(function(isSaved) {
     console.log(isSaved);
 });

3. Async/await

This is new for ES6/7 and depends on the version of JS engine, you will need a transpiler

 // Function
 // Returns promise
 async allContactsSaved() {
    const resp = await axios.get('/contacts');
    const check = response.data.data.every(function(contact) {
       return contact.saved;
    });
    return check;
  }

 // Using it, the caller function needs to be async:
 async function() {
     const result = await allContactsSaved();
     console.log(result);
 }

You can use every to make sure every contact is saved

return response.data.ever(contact => contact.saved)

But this will still return a promise you can chain another promise:

allContactsSaved() {
let promise = axios.get('/contacts');
promise.then(function (response) {
    return response.data.ever(contact => contact.saved)
}).then((areTheySaved) => {
    console.log(areTheySaved);
});

}

本文标签： javascriptHow to return boolean with axiosStack Overflow