Я работаю над формой, в соответствии с которой после нажатия пользователем кнопки отправки я отправляю данные в бэкэнд с помощью AJAX, в результате чего я получаю еще несколько значений и перенаправляю обратно во внешний интерфейс с помощью AJAX. Я хочу получить значения через Jquery и заполнить их в виде . Затем заполните значения обратно в форму , так как я не хочу отправлять форму через AJAX, так как она должна открывать iframe .
Форма макета
<form id="eazzycheckout-payment-form" action="https://*****************************checkout/launch" method="POST">
<input type="hidden" name="custName" id="custName" value="{{ $first }} {{ $last }}">
<input type="hidden" id="token" name="token" value="{{ $token}}">
<input type="hidden" id="amount" name="amount" value="{{ $grossPre }}">
<input type="hidden" id="orderReference" name="orderReference" value="{{ $quoteRef }}">
<input type="hidden" id="orderID" name="orderID" value="{{ $quoteRef }}">
<input type="hidden" id="merchantCode" name="merchantCode" value="*
**********">
<input type="hidden" id="merchant" name="merchant" value="**********">
<input type="hidden" id="outletCode" name="outletCode" value="0000000000">
<div class="card">
<img class="card-img-top payment" src="{{asset('assets/images-new/mastercard.svg')}}" alt="Card image cap">
<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>
<!-- End Hidden form-->
</form>
AJAX для получения значений из ответа бэкэнда и заполнения формы
$.ajax({
type: 'POST',
url: 'jengaAPI',
data: JSON.stringify(type),
contentType: 'application/json',
dataType: "json",
success: function(response) {
console.log(response);
//Fetch from response and populate the form values
var amount = $('#amount').val(response.amount);
var orderReference = $('#orderReference').val(response.payment_reference);
var orderID = $('#orderID').val(response.payment_reference);
//End fetch
},
failure: function(errMsg) {
//alert('Error');
}
});