Загрузка внешнего iframe с использованием Jquery и AJAX

Question

Я работаю над приложением Laravel, которое имеет скрытую форму со скрытыми полями ввода, в результате чего после того, как пользователи нажимают кнопку в форме, чтобы инициировать платеж, я обращаюсь к бэкэнду через AJAX, извлекаю некоторые данные и получаю ответ (в AJAX), я заполняю поля ввода в форме, используя Jquery.

Проблема в том, что я хочу загрузить внешний iframe (у которого есть URL-адрес на вкладке действия формы) ,,, который необходимо загрузить после динамического заполнения полей ввода.

Amне знаете, как загрузить внешний iframe с помощью AJAX

~ Пожалуйста, помогите

Скрытый ввод в форме

<form 
   id="eazzycheckout-payment-form"
   action="https://www.*************************" method="POST">

    <!-- Hidden Input fields-->
   <input type="hidden" id="amount" name="amount" value="">
   <input type="hidden" id="orderReference" name="orderReference" value="">
   <input type="hidden" id="orderID" name="orderID" value="">
   <!-- END-->

  <div class="card">
    <div class="card-body">
      <h5 class="card-title payment">
        <button type="submit" id="submit-cg" value="Checkout" style="cursor: pointer;" class="jenga"> Make Payment </button>
      </h5>
    </div>
  </div>
  </form>

Jquery иAJAX логика

 $("#eazzycheckout-payment-form").submit(function(e) {
    //Prevent submission
    e.preventDefault();

    //AJAX code to post data to Laravel backend
    $.ajax({
        type: 'POST',
        url: 'jengaAPI',
        data: JSON.stringify(type),
        contentType: 'application/json',
        dataType: "json",
        success: function(response){
            //console.log(response);

            //Populate the fields dynamically from the response
            $('#amount').val(response.amount);
            $('#orderID').val(response.payment_reference);
            $('#orderReference').val(response.payment_reference);

        },
        failure: function(errMsg) {
             alert('Errors');
        }
    });
  });