Radio Controlled HTML Elements
A demonstration
- Request
- Parameters
- Response
Alpine AJAX is an Alpine.js plugin that enables your HTML elements to request remote content from your server. Use it to build straight-forward, robust, interactive websites.
<form x-target="songs" action="/songs">
<input name="search" @input.debounce="$el.form.requestSubmit()">
</form>
<ul id="songs">…</ul>
Check the Server Requests to see our server in action!
Serve vigorous & vital websites!
- Compact
- Alpine AJAX is under 3kB; combined with Alpine.js you can build almost anything you want with about 18kB of JavaScript total.
- Flexible
- There are zero server-side dependencies, you can use it with any server-side stack.
- Progressive
- Follow patterns for building progressively enhanced websites that function even when JavaScript is not available.
- Accessible
- Alpine AJAX uses JavaScript to enhance the power of HTML rather than replace it with inaccessible workarounds.
- Performant
- AJAX requests are batched to prevent duplicate requests and save you network bandwidth.
- Easy
- You can probably learn all of Alpine AJAX in an afternoon.