JavaScript – Post form data to a web API asynchronously

You can post form data asynchronously by using fetch() + FormData, like this: FormData parses the form element into an array of key/value pairs for you. This results in sending the following request: When you set the request body to a FormData object, it sets the content-type to multipart/form-data. You can post the data in … Read more

JavaScript – FormData initialized from a form element is empty

Problem When you try to initialize a FormData object from a form element, it’s empty. There are no keys or values whatsoever. For example, let’s say you have a form called movieForm and you’re trying to post its data with fetch(): When you look at the request, it has the right Content-Type, but no data: … Read more

JavaScript – How to send a request to a web API

The simplest way to send a request to a web API with JavaScript is to use fetch(). Here’s an example that gets a stock quote from a web API and displays the results: You can wire this up to a button click (and have a div for displaying the results): Note: fetch() is supported in … Read more