PROBLEM - Javascript / Jquery - Ajax / Jquery call to decide on showing html page section

Problem


Make an ajax call to get the boolean value to see if a particular DOM element / or set of elements to be shown or made hidden


Solution


1. Create a resource that returns the boolean value.

2. Create the Javascript / Jquery method to consume the boolean value and then hide appropriate element / section


function hideXYZSection(){

    sendAjaxGetCall(“/resourceUrl?input=”+input) .done(function(data) {
         if(data == 'true'){
             $("#sectionDivId").show(); // show or hide
         }

     }).fail(function(xhr, error) {

           console.log('error: ' + xhr.statusText);

     });

}