Wordpress - Javascript - JQuery - AJAX - Need assistance with creating error handling for a Jquery script

jQuery( function( $ ) {
    $(document).ready( function() {

        /**
         * AJAX Call to grab the Order URL from the server via the custom url created in Azure logics
         */
        $( document.body ).on( "click", "#payment #get_cc_order_url.get_cc_order_url", function(e) {
            e.preventDefault();
            $.ajax({
                url  : ccOrderParams.url,
                data : {
                  action : 'get_order_url',
                  security : ccOrderParams.nonce,
               },
                type : 'post',
                beforeSend: function() {
                  //  spinner and please wait code here
                  let pleaseWait = `
                  <div id="pleasewait" style="text-align:center">
                      <br><br><p>Retrieving Secure Window</p>
                      <img src="path/to/gif" 
                      style="display:inline-block">
                  </div>
                  `
                  $('#cc_card_iframe').before(pleaseWait)
              },
               }).done(function(response) {
                  // remove the please wait message
                  $('#pleasewait').remove()
                  $('#cc_card_iframe').prop('src', response.data.secureURL)
               }).fail(function(error) {
                  console.log("ERROR", error)
               })        
            });
    });
})

Select allOpen in new window

/**
 * 
 * Validates if card is inputted and then displays success message and unhides the place order button and if the trasaction is canceled
 * Also if the trasaction is canceled it displays a Credit Card Not Saved message 
 */
jQuery( function( $ ) {
   $(document).ready( function() {

                  $(window).on('message', function(e) {
                   console.log("MESSAGE DATA", e)
                   if (e.originalEvent.origin !== "https://api-east.pestpac.com")
                   return;
                 
                   let ccInfo = JSON.parse(e.originalEvent.data)

                   if (ccInfo.BillToID) {
                      $('#cc_card_iframe').hide().after(`<br><br><br><p>Credit Card Saved Successfully<br><br><br></p>`)
                      $("#payment #place_order.button.alt").fadeIn('slow')
                  } else if (ccInfo.Error) {
                       $('#cc_card_iframe').hide().after(`<br><br><br><p>Credit Card Not Saved<br><br><br></p>`)
                     }
});

        });
})

Select allOpen in new window

<?php

/*

 * Custom PHP code for child theme will be here

 */













/**

 *  the AJAX handler

 */

add_action('wp_ajax_get_order_url', 'get_order_url');

function get_order_url()

{

    check_ajax_referer('security_matters', 'security');

    $user = get_user_data();

    $curl = curl_init();



    curl_setopt_array($curl, [

        CURLOPT_URL => 'azure_url',
        CURLOPT_TIMEOUT => 0,

        CURLOPT_RETURNTRANSFER => true,

        CURLOPT_POSTFIELDS => json_encode($user),

        CURLOPT_HTTPHEADER => ['Content-Type:application/json'],

    ]);



    $response = curl_exec($curl);



    if (!curl_errno($curl)) {

        wp_send_json_success(json_decode($response));

    } else {

        $response = ['error' => curl_error($curl)];

        wp_send_json_error($response);

    }

}





/**

 * Get the User data

 */

function get_user_data() : array

{

    $user = wp_get_current_user();



    $data = [

        'UserId' => $user->ID,

        'Email' => $user->user_email,

        'Username' => $user->user_login,

    ];



    return $data;

}







/*

 * Enqueue scripts for cc button on checkout page

 */







add_action( 'wp_enqueue_scripts', 'setup_order_scripts', 15 );



 function setup_order_scripts() {

    $params = [

        'url' => admin_url( 'admin-ajax.php' ),

        'nonce' => wp_create_nonce('security_matters'),

    ];



    wp_register_script( 'cc_order_scripts', get_stylesheet_directory_uri() . '/order-scripts.js', array('jquery'), null, true);

    wp_localize_script( 'cc_order_scripts', 'ccOrderParams', $params);

    wp_enqueue_script( 'cc_order_scripts' );

}











/** Adding child theme's style.css **/

function tm_fixology_child_style_css(){

	wp_enqueue_style( 'fixology-child-style', get_stylesheet_directory_uri() . '/style.css' );

}

add_action( 'wp_enqueue_scripts', 'tm_fixology_child_style_css', 18 );













// Disable auto-complete on form.

add_filter( 'gform_form_tag', function( $form_tag ) {

	return str_replace( '>', ' autocomplete="off">', $form_tag );

}, 11 );



// Diable auto-complete on each field.

add_filter( 'gform_field_content', function( $input ) {

	return preg_replace( '/<(input|textarea)/', '<${1} autocomplete="off" ', $input );

}, 11 );

Select allOpen in new window