MaxInterview - node js read fetch post body form data

showing results for - "node js read fetch post body form data"

23 Nov 2019

1/**
2 * Helper function for POSTing data as JSON with fetch.
3 *
4 * @param {Object} options
5 * @param {string} options.url - URL to POST data to
6 * @param {FormData} options.formData - `FormData` instance
7 * @return {Object} - Response body from URL that was POSTed to
8 */
9async function postFormDataAsJson({ url, formData }) {
10	const plainFormData = Object.fromEntries(formData.entries());
11	const formDataJsonString = JSON.stringify(plainFormData);
12
13	const fetchOptions = {
14		method: "POST",
15		headers: {
16			"Content-Type": "application/json",
17			Accept: "application/json",
18		},
19		body: formDataJsonString,
20	};
21
22	const response = await fetch(url, fetchOptions);
23
24	if (!response.ok) {
25		const errorMessage = await response.text();
26		throw new Error(errorMessage);
27	}
28
29	return response.json();
30}
31
32/**
33 * Event handler for a form submit event.
34 *
35 * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event
36 *
37 * @param {SubmitEvent} event
38 */
39async function handleFormSubmit(event) {
40	event.preventDefault();
41
42	const form = event.currentTarget;
43	const url = form.action;
44
45	try {
46		const formData = new FormData(form);
47		const responseData = await postFormDataAsJson({ url, formData });
48
49		console.log({ responseData });
50	} catch (error) {
51		console.error(error);
52	}
53}
54
55const exampleForm = document.getElementById("example-form");
56exampleForm.addEventListener("submit", handleFormSubmit);

source

similar questions

sending json data uing fetch is empty make post request post with node fetch submit formdata in fetch json post fetch read body of post request nodejs fetch post form data application 2fx www form urlencoded javascript fetch convert fetch data to json fetch json post fetch and then javascript send parameters node fetch response body fetch with body js fetch 27post 27 json fetch data from external url nodejs node js fetch data from url how to send post request js fetch fetch api send url encoded data fetch to get data from server fetch post json

queries leading to this page

node js read fetch post body form data node js fetch post html form fetch send post form data in nodejs nodejs get fetch post with json data use fetch to send form data express js how to fetch post data in node fetch post body form data node fetch post form data node fetch send form data node fetch post form data nodejs receive data from fetch post node fetch post request form node fetch api data with post node fetch post data form data n fetch post js parse form data send fetch use fetch for send form data express how to fetch data from post request in node fetching body form data node js nodejs form data fetch post nodejs handle fetch post with json data node fetch send post fields send form data using node fetch node fetch post form data node fetch with form data nodejs post fetch with data node fetch send form data node js fetch api formdata fetch api post formdata response from nodejs nodejs fetch post form data node js fetch form data node js read fetch post body form data

node js read fetch post body form data

Solutions on MaxInterview for node js read fetch post body form data by the best coders in the world