Question

Using jQuery what is the best way to call a URL Via ajax and update a <ul> list with the data that is returned? While the data is being fetched from the url, I would also like to show a “loading” spinner.

the URL is local to my application and will return back a json response. When the checkbox is checkmarked, I’d like to call the URL and pass a parameter. e.g. /return/students?q=someparm

Answer 1

Should be possible with change event
The code could look somehow like this:

$('#checkboxId').change(function() {
   $.ajax({
      url: "/return/students?q=someparm",
      success: function(data){
         // modify list based on data
      }
   });
   // code to show loading spinner (is executed instantly after ajax request,
   // not waiting for success to be executed)
});