如何处理返回文本/html 响应的发布请求？

Question

我正在与一家公开 API 的供应商合作，我可以使用多部分/表单数据内容类型主体向其提交 POST 请求。我提供了三个参数并将它们发布到端点。响应的类型是 text/html，响应的正文是一个包含 CSS 和 JavaScript 资源的大 html 页面，这些页面包含这些资源的相对文件路径，就像这样...

<link href="/SelfServiceV3/css/site?v=UGJgWOWOr3HU-VqSuz-WTq16hygLTXMGIsn2PuMjStQ1" rel="stylesheet">

此资源只会加载到供应商的域上，而不是我发出请求的域上。 响应具有 200 响应代码。

如何通过 Javascript 使用此 API？

我希望用户点击页面上的按钮，然后在后台通过 Javascript，所有三个参数都自动从页面上的不同元素中获取，然后发送到此 API，然后以我希望用户登陆的 HTML 页面（API 返回的页面在 i-frame 或模式中不起作用）。 我无法使用任何类型的重定向，因为响应没有为我提供 URL（除了需要向其发布表单数据的 API 端点）。

Answer 1

怎么样：

  function fetchHtml(data) {
    fetch('/some/url', {
      method: 'POST',
      body: data // your FormData
    })
        .then((response) => {
          return response.text();
        })
        .then((html) => {
          document.body.innerHTML = html
        });
  }