表单提交到带有javascript json数组数据的新页面

Question

fetch 的使用非常普遍，但它不会加载新页面的数据，它只是发送数据和接收数据。

如何像普通的 HTML 表单提交一样使用它，但我可以像 fetch 一样发送数据，但可以像表单操作一样打开新链接，而不是使用名称。打开新页面。

如果我使用表单操作，我必须使用 name 属性，但是有一些数据，所以 name 可能太多了，它也可以是数组，这对于使用 name 来说是困难的。

是否可以发送像 html 这样的数据，但没有名称，打开一个新页面，所有数据都是通过发送的。

只有我想发送一个数组作为 json 数据发布到新页面。

<!-- 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/alpinejs@3.x.x/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>

Answer 1

使用fetch后，可以像window.location.replace = your_url这样改变窗口的url。