fetchEventSource form表单提交

`fetchEventSource` 是一个比较新的 Web API，它为开发者提供了一种新的方式来使用 Server-Sent Events（SSE）技术实现服务器推送的效果，可以用来实时获取服务器端的更新数据。

而 `form` 表单提交一般是通过 `submit()` 方法提交表单数据，或者通过 `XMLHttpRequest` 或 `fetch` API 发送异步请求来提交表单数据。

如果您想要提交表单数据并且使用 `fetchEventSource` 实现服务器推送，您可以在 `fetch` 请求中使用 `FormData` 对象来包装表单数据，并且设置请求头 `Accept: text/event-stream`，然后在响应中使用 `Response` 对象的 `body` 属性来获取服务器端推送的数据流。

以下是一个示例代码：

const form = document.querySelector('#my-form');
form.addEventListener('submit', async (event) => {
  event.preventDefault();
  const formData = new FormData(form);
  const response = await fetch('/submit-form', {
    method: 'POST',
    body: formData,
    headers: {
      'Accept': 'text/event-stream'
    }
  });
  const eventSource = new EventSource('/stream-data');
  eventSource.onmessage = (event) => {
    console.log(event.data);
  };
});

需要注意的是，服务器端需要支持 SSE 技术，并返回符合 SSE 规范的数据流才能实现服务器推送的效果。