WP-REST – GET DATA WITH ES6 JS FETCH

		
		
			


<?php /* Template Name: Awesome Page */

get_header();

?>

<div class="latest-posts"></div>

<script>

    const url = 'http://localhost:8888/ieatwebsites-v2/wp-json/wp/v2/posts';
    const postsContainer = document.querySelector('.latest-posts');

    fetch(url)
    .then(response => response.json())
    .then(data => {
        data.map( post => {
            const innerContent = 
            `
            <li>
             <h2>${post.title.rendered}</h2>
             ${post.excerpt.rendered}
             <a href="${post.link}">Read More</a>
            </li>
            `
            postsContainer.innerHTML += innerContent;
        })
    });

</script>