diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index f307552..9cdd08b 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -63,6 +63,7 @@
 
 <script type="text/babel">
 import debounce from 'lodash/debounce'
+const NETWORK_RESPONSE_ERROR = 'Network response was not ok.'
 export default {
   props: {
     /**
@@ -241,6 +242,13 @@ export default {
           }
 
           return this.resourceSearch(this.source + this.display)
+        case this.source.constructor.name === 'AsyncFunction':
+          // No resource search with no input
+          if (!this.display || this.display.length < 1) {
+            return
+          }
+          // When the function is async and returns a promise
+          return this.handleCallback(this.source(this.display))
         case typeof this.source === 'function':
           // No resource search with no input
           if (!this.display || this.display.length < 1) {
@@ -279,13 +287,34 @@ export default {
         headers: this.getHeaders()
       })
 
+      return this.handleFetchRequest(promise)
+    },
+
+    handleFetchResponse (response) {
+      if (response.ok) {
+        this.error = null
+        return response.json()
+      }
+      throw new Error(NETWORK_RESPONSE_ERROR)
+    },
+    handlePromiseResolution (response) {
+      if (response.status === 200) {
+        this.error = null
+        return response
+      }
+      throw new Error(NETWORK_RESPONSE_ERROR)
+    },
+    handleFetchRequest: function (promise) {
+      return this.handlePromise(promise, (response) => this.handleFetchResponse(response))
+    },
+    handleCallback (promise) {
+      this.loading = true
+      return this.handlePromise(promise, (response) => this.handlePromiseResolution(response))
+    },
+    handlePromise (promise, responseHandler) {
       return promise
         .then(response => {
-          if (response.ok) {
-            this.error = null
-            return response.json()
-          }
-          throw new Error('Network response was not ok.')
+          return responseHandler(response)
         })
         .then(response => {
           this.results = this.setResults(response)
@@ -297,7 +326,6 @@ export default {
           this.loading = false
         })
     },
-
     /**
      * Set some default headers and apply user supplied headers
      */