# Data Fetching No.JS makes HTTP requests declarative — just add attributes to HTML elements. ## Base URL Set once on any ancestor element. All descendant `get`, `post`, etc. resolve relative URLs against it. ```html
...
...
``` Override for specific sections: ```html
...
``` Absolute URLs skip base resolution: ```html
...
``` ### Programmatic Configuration ```html ``` ### Per-Request Headers ```html
``` --- ## `get` — Fetch and Render Data ```html
``` ### Attributes | Attribute | Type | Description | |-----------|------|-------------| | `get` | `string` | URL to fetch (GET request) | | `as` | `string` | Name to assign the response in the context. Default: `"data"` | | `loading` | `string` | Template ID to show while loading (e.g. `"#skeleton"`) | | `error` | `string` | Template ID to show on fetch error (e.g. `"#errorTpl"`) | | `empty` | `string` | Template ID to show when response is empty array/null | | `refresh` | `number` | Auto-refresh interval in ms (polling) | | `cached` | `boolean\|string` | Cache responses. `cached` = memory, `cached="local"` = localStorage, `cached="session"` = sessionStorage | | `into` | `string` | Write response to a named global store | | `debounce` | `number` | Debounce in ms (useful with reactive URLs) | | `headers` | `string` | JSON string of additional headers | | `params` | `string` | Expression that resolves to query params object | | `retry` | `number` | Override global retry count for this request | | `retry-delay` | `number` | Override global retry delay in ms (default: 1000) | ### Full Example ```html
``` ### Reactive URLs URLs that reference state variables re-fetch automatically when those values change: ```html
...
``` --- ## `post`, `put`, `patch`, `delete` — Mutating Requests Used on forms or triggered via `call`. > **Tip:** The `call` directive now supports the same attributes as form-based HTTP directives — including `loading`, `headers`, `redirect`, and `body`. See [Actions & Refs → `call`](actions-refs.md) for full details. ### Form Submission ```html
``` ### PUT / PATCH / DELETE ```html
...
``` ### Mutation Attributes | Attribute | Description | |-----------|-------------| | `post`, `put`, `patch`, `delete` | URL for the request | | `body` | Request body (JSON string with interpolation). For forms, auto-serializes fields | | `success` | Template ID to render on success. Receives response as `var` | | `error` | Template ID to render on error. Receives error as `var` | | `loading` | Template ID to show during request | | `confirm` | Show browser `confirm()` dialog before sending | | `redirect` | URL to navigate to on success (SPA route) | | `then` | Expression to execute on success (e.g. `"users.push(result)"`) | | `into` | Write response to a named global store | | `cached` | Cache responses (memory/local/session) | | `retry` | Override global retry count for this request | | `retry-delay` | Override global retry delay in ms (default: 1000) | ### Request Lifecycle ``` [idle] → [loading] → [success | error] ↓ ↓ render tpl render tpl exec `then` log to console `redirect` ``` --- **Next:** [Data Binding →](data-binding.md)