导航事件:formData 属性

有限可用性

此功能不是基线,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一个 实验性技术
在生产环境中使用此功能之前,请仔细查看 浏览器兼容性表

formData 属性是 NavigateEvent 接口的只读属性,它返回一个 FormData 对象,该对象代表在 POST 表单提交的情况下提交的数据,否则为 null

一个 FormData 对象,或 null

示例

js
navigation.addEventListener("navigate", (event) => {
  // Some navigations, e.g. cross-origin navigations, we
  // cannot intercept. Let the browser handle those normally.
  if (!event.canIntercept) {
    return;
  }

  // Don't intercept fragment navigations or downloads.
  if (event.hashChange || event.downloadRequest !== null) {
    return;
  }

  event.intercept({
    handler() {
      if (event.formData) {
        processFormDataAndUpdateUI(event.formData, event.signal);
      } else {
        doSinglePageAppNav(event.destination, event.signal);
      }
    },
  });
});

规范

规范
HTML 标准
# dom-navigateevent-formdata-dev

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见