Skip to main content




Applies only to Traditional Web Apps

Use Ajax to Refresh Part of a Screen

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Are you developing a Reactive Web App? Keep in mind that Ajax Refresh does not exist in Reactive App, because the interface updates automatically when the data bound to it updates. Check the topic Implement asynchronous data fetching using Aggregates to see how to update the interface with the Refresh Data node.

    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?