2 Ways of accessing Word Press Posts

First way is using ajax:

//--- Hanchiang News (Ajax) ---

function getAjaxNews() {

var newsContent = '';

const apiRoot = 'http://www.hanchiangnews.com/en/wp-json';

$$.ajax({

url: apiRoot + '/wp/v2/posts/?per_page=5',

success: function(posts) {

//console.log(posts);

const objs = JSON.parse(posts);

for (let post of objs) {

newsContent += post.content.rendered;

}

$$('#id-news-content').html(newsContent);

},

error: function(err) {

console.log('Error: ', err);

}

});

}

Second way is using wp-api (WordPress REST API client):

//--- Hanchiang News (wp-api)---

function getNews() {

var newsContent = '';

//const apiRoot = 'https://hjuapp.site/wp-json';

const apiRoot = 'http://www.hanchiangnews.com/en/wp-json';

var wp = new WPAPI({ endpoint: apiRoot });

wp.posts()

.perPage(3)

.then(function(posts) {

posts.forEach(function(post) {

console.log(post.content.rendered);

newsContent += post.content.rendered;

});

$$('#id-news-content').html(newsContent);

});

}