时间戳

首页 > 解决方案 > 我需要使用 wordpress rest api & json 从我的 wordpress 接收到 phonegap 的获取帖子

wordpress - 我需要使用 wordpress rest api & json 从我的 wordpress 接收到 phonegap 的获取帖子

问题描述

请我需要有关phonegap和wordpress rest api的帮助。我对phonegap有点陌生。我希望能够使用 GET 等接收我的最新帖子，并可能从我的手机发布，还可能执行其他 CRUD 操作。谢谢

标签： wordpressphonegapwordpress-rest-api

解决方案

我已经搞定了，非常感谢。我在这里发布我的代码以帮助一些人和这些社区：

// 设备事件监听器

document.addEventListener("deviceready", onDeviceReady, false);
var portfolioPostsContainer = document.getElementById("portfolio-posts-container");
var portfolioPostsContainer2 = document.getElementById("portfolio-posts-container2");


function onDeviceReady(){

 var ourRequest = new XMLHttpRequest();
 ourRequest.open('GET', 'http://mydomain/wp-json/wp/v2/posts?_embed');
 ourRequest.onload = function() {
  if (ourRequest.status >= 200 && ourRequest.status < 400) {
    var data = JSON.parse(ourRequest.responseText);
    createHTML(data);
    console.log(data);

  // portfolioPostsBtn.remove();
} else {
  console.log("We connected to the server, but it returned an error.");
}
};

ourRequest.onerror = function() {
  console.log("Connection error");
};

ourRequest.send();

}


function createHTML(postsData) {
 var ourHTMLString = '';
 var postid ='';


for (i = 0; i < postsData.length; i++) {

 var posturl = postsData[i].link;
 ourHTMLString +='<tr>';

 ourHTMLString += '<td>' + '<a href="loadpost.html?id='+postsData[i].id+'" + rel="external" + " style="text-decoration:none ">'  + postsData[i].title.rendered + postsData[i].id+'</a>'+'</td>';
 ourHTMLString += '<td>' + '<a href="loadpost.html?id='+postsData[i].id+'"><img width="100%" src ="' + postsData[i]._embedded['wp:featuredmedia']['0'].source_url + '"  />' + '</a>'+'</td>';
 ourHTMLString += '<td>' + postsData[i].excerpt.rendered + '</td>';
 ourHTMLString+= '</tr>';
} 
portfolioPostsContainer.innerHTML = ourHTMLString;
}

推荐阅读