Updating a post in WordPress using Fetch

In this post we’ll go through the steps of updating a post in WordPress using the Fetch API in Javascript. We’ll focus on authenticated users in the front or backend of WordPress and use the nonce that’s available on every page.

A snippet to update a post in the WordPress REST API

In the snippet below we’ll use the fetch API together with the nonce provided by the wpApiSettings object. To get access to this object, make sure to enqueue the wp-api script like below. You can also enqueue this as a dependency in other wp_enqueue_script functions.

 wp_enqueue_script( 'wp-api' );

The fetch function

let post_id = 10;

fetch(wpApiSettings.root + "wp/v2/post/" + post_id, {
	method: "POST",
	headers: {
		"X-WP-Nonce": wpApiSettings.nonce,
		'Content-Type': 'application/json',
	},
	body: JSON.stringify({
		title: "Your new post title",
	}),
})
	.then(res => res.json())
	.then(result => {
		console.log(result);
	});

That’s the base, adjust the script to your likings and you’re good to go!

Happy developing!