Back to Content

NavigateEvent: formData property

files/en-us/web/api/navigateevent/formdata/index.md

latest1.2 KB
Original Source

{{APIRef("Navigation API")}}

The formData read-only property of the {{domxref("NavigateEvent")}} interface returns the {{domxref("FormData")}} object representing the submitted data in the case of a POST form submission, or null otherwise.

Value

A {{domxref("FormData")}} object, or null.

Examples

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);
      }
    },
  });
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also