Use of fetch is very common but it not going to redirect it just send data and receive data.
How to use it like normal HTML form submit but instead of using name i can send data like fetch and but open new link as form action does. Open New Page.
<!-- Here is example of using alpine and using fetch to send data it return whole page but i can't do anything with it -->
<script src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
<div x-data="{order:''}">
<form @submit.prevent="fetch('/user/payment', {method: 'POST', headers:{'Content-Type': 'application/json'},body: JSON.stringify(order)})">
<div class="mt-6">
<button><span>Proceed to RazorPay<br>₹ 747</span>
</button>
</div>
</form>
</div>
<Br>
<Br>
<!-- I like something Like this so action page but here i like to send array of data -->
<form method="POST" action= '/user/payment'>
<input type="text" name="order"/>
<div class="mt-6">
<button><span>Proceed to RazorPay<br>₹ 747</span>
</button>
</div>
</form>