---
name: "up:request:loaded"
area: "API"
kind: "DOM event"
parent: "up.network module"
url: "https://unpoly.com/api/up:request:loaded"
---
<nav aria-label="Unpoly docs">[All docs](https://unpoly.com/index.md) · [up.network module](https://unpoly.com/api/up.network.md)</nav>

# up:request:loaded

This event is [emitted](https://unpoly.com/api/up.emit.md) when the response to a [request](https://unpoly.com/api/up.request.md) has been received.

Note that this event will also be emitted when the server signals an error with an HTTP status like `500`. Only if the request encounters a fatal error (like a loss of network connectivity), [`up:request:offline`](https://unpoly.com/api/up:request:offline.md) is emitted instead.

The event is emitted on the layer that caused the request.

> <nav aria-label="Guides">
>
> - [Learn: Network & caching](https://unpoly.com/learn/network.md)
>
> </nav>
>
> #### Tip
>
> If you're looking to influence a render pass after a server response, use [`up:fragment:loaded`](https://unpoly.com/api/up:fragment:loaded.md) instead.

---

## Event properties {#properties}

### event.request {#event.request}

(required)

The request.

Type: [up.Request](https://unpoly.com/api/up.Request.md)

### event.response {#event.response}

(required)

The response that was received from the server.

Type: [up.Response](https://unpoly.com/api/up.Response.md)

### [event.layer] {#event.layer}

(optional)

The [layer](https://unpoly.com/api/up.layer.md) this request is associated with.

If this request is intended to update an existing fragment, this is that fragment's layer.

If this request is intended to [open an overlay](https://unpoly.com/learn/opening-overlays.md), the associated layer is the future overlay's parent layer.

Type: [up.Layer](https://unpoly.com/api/up.Layer.md)

### [event.origin] {#event.origin}

(optional)

The link or form element that caused the request.

Type: [Element](https://developer.mozilla.org/en-US/docs/Web/API/Element)