Skip to main content

Developing an Application

 

Applies only to Web Applications
OutSystems

Use Ajax to Refresh Part of a Screen

Refreshing only certain parts of a screen without having to re-render the whole screen improves the end-user experience by creating dynamic interfaces and supporting faster user interactions.

For web applications, you can use Ajax to perform asynchronous requests to the web server that fetch only the necessary data to dynamically refresh the screen, without needing to refresh the whole page.

To refresh only part of a screen on a web app:

  1. Add a button or link to the screen and set the property Method to 'Ajax Submit' so that the request to the server is performed asynchronously.

  2. Associate a new screen action with the button or link.

  3. In the new screen action, update the data displayed on the screen. For example, assign screen variables or refresh data from the database using the Refresh Data tool.

  4. Drag the Ajax Refresh from the toolbox to the action flow and select the widget that displays the updated data on the screen. The Ajax Refresh can only refresh widgets that have the property Name defined.

  • Was this article helpful?