Skip to content

Server Connect components (data + forms)

Load data and submit forms via Server Connect components, using built-in state (executing/lastError/data).

This tour introduces the App Connect components that talk to your server actions. You will see how Wappler models requests, responses, execution state, and errors in the page, and how those component outputs become the inputs for bindings, loading indicators, and follow-up actions.

By the end, you should understand the whole client-to-server loop in Wappler: which component sends the request, where request state is exposed during execution, how returned data becomes available to the page, and where error handling fits into the same declarative workflow.

Request lifecycle
Follow a request from trigger to executing state, response data, and completion.
Bound server state
Use executing, data, and lastError as normal App Connect values in the UI.
Action chaining
See how request components fit into larger event and action sequences on the page.
Inspect the components that load data and submit forms
Understand how request state is exposed for loading and error UI
Reuse returned server data in bindings and follow-up actions

Use App Structure to select your API Form / API Action components and Properties to bind inputs, outputs, and actions.

Review what you did and choose a next tour.

Pick a related tour to continue.

Bind API Form inputs
Handle executing/data/lastError
Chain actions after requests