---
title: "au-widget-asset-storage-ajax/au-widget-asset-storage-ajax | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-asset-storage-ajax.au-widget-asset-storage-ajax/"
---

# au-widget-asset-storage-ajax/au-widget-asset-storage-ajax

> A non-visual widget that is used to send requests to the server and receive responses, which can be used in other widgets.

## Classes

### AuWidgetAssetStorageAjax

The following example illustrates how you can populate a gallery with images obtained through an HTTP request.
```json
{
  "widgets": [
   {
     "name": "bg-request",
     "type": "asset-storage-ajax",
     "params": {
          "autoCompile": false,
          "assetType": "designs",
          "folder": "",
          "entriesFilter": [
              "{{ #function(asset) asset.metadata.surfaces[0].width > 100 }}"
          ],
          "previewOptions": {
              "name": "medium",
              "namespace": "storefront",
              "width": 600,
              "height": 600
          }
     }
   },
   {
     "name": "gallery",
     "title": "Gallery",
     "type": "gallery",
     "params": {
       "prompt": "Set a background",
       "showTitle": false,
       "forceSelection": true,
       "items": "{{ $['bg-request'].response }}"
     }
   }
 ]
}
```

#### Implements

- [`IRestorableWidget`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/widget.interface.IRestorableWidget.md#irestorablewidget)

#### Constructors

##### Constructor

```ts
new AuWidgetAssetStorageAjax(): AuWidgetAssetStorageAjax;
```

###### Returns

[`AuWidgetAssetStorageAjax`](#auwidgetassetstorageajax)

###### Inherited from

```ts
AuBaseInvisibleWidget.constructor
```

#### Properties

##### apiResponse

```ts
apiResponse: any;
```

A server response, interpreted based on the `responseType` param. If `autoCompile` is `true`, it is automatically updated every time the widget gets a server response.

##### assetType

```ts
assetType: AssetType;
```

##### entriesFilter

```ts
entriesFilter: Function;
```

##### folder

```ts
folder: string;
```

##### folderFilter

```ts
folderFilter: Function;
```

##### params

```ts
params: IAuWidgetAssetStorageAjaxConfig;
```

Parameters of the widget.

###### Overrides

```ts
AuBaseInvisibleWidget.params
```

##### previewOptions

```ts
previewOptions: IPreviewOptions;
```

##### requestPromise

```ts
requestPromise: Promise<any>;
```

Promise, for awaiting in #function for getting response.
```
"{{ #function $['image-request'].compile() }}",
"{{ #asyncFunction await $['image-request'].requestPromise }}"
```

##### response

```ts
response: IAssetDataResult[] = [];
```

#### Accessors

##### template

###### Get Signature

```ts
get static template(): any;
```

###### Returns

`any`

###### Inherited from

```ts
AuBaseInvisibleWidget.template
```

#### Methods

##### checkInitDependenciesWidgets()

```ts
checkInitDependenciesWidgets(): string[];
```

Returns an array of widget names, due to which the current widget cannot receive parameters.

###### Returns

`string`[]

###### Inherited from

```ts
AuBaseInvisibleWidget.checkInitDependenciesWidgets
```

##### exportWidgetData()

```ts
exportWidgetData(force): Promise<AssetStorageAjaxWidgetData>;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `force` | `boolean` |

###### Returns

`Promise`\<`AssetStorageAjaxWidgetData`\>

###### Implementation of

[`IRestorableWidget`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/widget.interface.IRestorableWidget.md#irestorablewidget).[`exportWidgetData`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/widget.interface.IRestorableWidget.md#exportwidgetdata)

##### resetPreloaderState()

```ts
resetPreloaderState(): void;
```

###### Returns

`void`

###### Inherited from

```ts
AuBaseInvisibleWidget.resetPreloaderState
```

##### restoreWidgetFromData()

```ts
restoreWidgetFromData(widgetData, force): Promise<void>;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `widgetData` | `AssetStorageAjaxWidgetData` |
| `force` | `boolean` |

###### Returns

`Promise`\<`void`\>

###### Implementation of

[`IRestorableWidget`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/widget.interface.IRestorableWidget.md#irestorablewidget).[`restoreWidgetFromData`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/widget.interface.IRestorableWidget.md#restorewidgetfromdata)

##### showPreloader()

```ts
showPreloader(isShow): void;
```

Shows a preloader.

###### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `isShow` | `boolean` | If `true`, enables the preloader. |

###### Returns

`void`

###### Overrides

```ts
AuBaseInvisibleWidget.showPreloader
```

##### showToast()

```ts
showToast(data?, duration?): void;
```

Shows a toast.

```
return editor.loadUserInfo(data)
    .catch(err => {
        this.widget.showToast("Error: Invalid data");
        console.log(err);
    });
```

###### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `data?` | `string` | A string message to display in the toast. |
| `duration?` | `number` | Defines how long to show the toast for. |

###### Returns

`void`

###### Inherited from

```ts
AuBaseInvisibleWidget.showToast
```

## References

### widget

Renames and re-exports [AuWidgetAssetStorageAjax](#auwidgetassetstorageajax)