Beginning on December 7, 2023, Caspio will initiate the process of phasing out the option to disable AJAX loading for DataPages. This is to prepare for Google Chrome's impending deprecation of third-party cookies, as outlined in their recent blog post.

Caspio’s commitment to fostering future-proof applications led us to introduce AJAX loading as a standard feature in 2018. Having diligently maintained backward compatibility for over five years, we are now taking the step to deprecate non-AJAX loading to ensure the seamless and optimal operation of your DataPages, aligning them to industry standards.

DataPages that currently have AJAX loading disabled will continue to perform unaffected until April 1, 2024 (extended from March 1, 2024, as originally announced). After this date, AJAX loading will become the default behavior for all DataPages.

For most DataPages, using AJAX loading does not cause any issues. However, if you use a custom JavaScript with functions or events such as document.write(), onload, onsubmit or reference specific object IDs, please review the scenarios below and update your DataPages accordingly.

Script ContentRequired update
Your script refers to an element through the DOM structure (traversing the HTML).

Revise your script to use the element "ID" or "name" attribute instead.

This is required because AJAX DataPages have wrappers around the rendered content. For example:

<div id="cbOuterAjaxCtnr_123456789">
</div>

Your script or CSS refers to any button object by its "ID" attribute.

Revise your code to refer to the "name" attribute. For example:

  • If your JavaScript uses document.getElementById("SearchID") to refer to the search button, change it to document.getElementsByName("SearchID")[0].
  • If you are using jQuery, you can refer to the "name" attribute using $("[name=’value’]").
  • If you are using CSS, you can refer to the "name" attribute using input[name="button name"] { }.

Note: Alternatively, if you want to continue using “ID” attributes, you can perform additional updates to account for ID values containing dynamic suffixes.

Your script includes document.write().Revise your script to use other data output methods, for example innerHTML, alert().
Your script contains an onsubmit event.

If your script contains an onsubmit event, for example:

<script type="text/javascript">
window.onsubmit = function() {
// do something
};
</script>

replace the onsubmit event in your script with Caspio’s built-in event handler:

<script type="text/javascript">
document.addEventListener('BeforeFormSubmit', function (event) {
// do something
});
</script>
Your script contains an onload event (using JavaScript or jQuery).

If your script contains an onload event (using JavaScript or jQuery), for example:

<script type="text/javascript">
window.onload = function() {
// do something
};
</script>

Or

<script type="text/javascript">
$( document ).ready(function(){
// do something
});
</script>

replace the onload event with Caspio’s built-in event handler:

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
// do something  
});
</script>

You can also use event.detail.appKey or event.detail.uniqueSuffix to define the DataPage event for executing specific functions:

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
       if (event.detail.appKey == 'MY_DATAPAGE_APPKEY') {
              //do something 
       } else if (event.detail.appKey == 'MY_WEB_FORM_APPKEY')    {
              //do something
    }
});
</script>

We are here to help!

  • If you have a Professional Services Maintenance Plan: our team will work with you to schedule a time to review your applications and make necessary adjustments without any extra cost. 
  • If you subscribe to Managed Application Services (MAS): the review and update of your applications will be covered by your MAS plan. A representative will contact you to schedule a time for this service. 
  • All other Caspio Customers: our team can review and fix your DataPages. Please contact your Customer Success Manager for details.