Leveraging jQuery AJAX in Power Pages

jQuery’s AJAX capabilities allow Sarah to perform asynchronous HTTP requests that can be leveraged in Power Pages to create dynamic, responsive applications. Low-code developers like Sarah are going to be asked to include controls such as charts, sliders, and carousels, so gaining some basic skills to implement AJAX controls will be useful.

AJAX introduction

A short introduction to AJAX can be found at https://www.geeksforgeeks.org/ajax-introduction/.

Let’s take a look at a simple example of how AJAX can be implemented. Consider a situation where Sarah has a form and she wants to fill in a dropdown based on the user’s selection in another dropdown. Sarah can use jQuery’s AJAX method to get the data from the server and fill the dropdown without reloading the page:

$("#firstDropdown").change(function() {
    var selectedValue = $(this).val();
    $.ajax({
&...