我真的很需要您的帮助。我已经与这些斗争了好几天,而我的项目陷于停滞。您的帮助将不胜感激。
我有3页。
第一页接收我的数据,并创建html格式的版本。这是一个循环,它返回10个帖子。
===
第2页是显示10个帖子的html页
====
第3页。第2页上的帖子只是精选图片,节选和带有url的标题...要阅读全文,请单击并转到第3页...
第3页使用每个帖子的唯一ID来显示完整的帖子:
我的问题:如何将每个帖子ID传递给第3页以查看完整内容。
我试图将第1页中生成的ID存储到localstorage,但是bcos是一个循环……仅存储了最后一个。 我的代码。
第1页-脚本页面接收数据
document.addEventListener("deviceready", onDeviceReady, false);
var portfolioPostsContainer = document.getElementById("portfolio-posts-container");
function onDeviceReady(){
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET', 'http://myurl/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);
} else {
console.log("We connected to the server, but it returned an error.");
}
};
ourRequest.onerror = function() {
console.log("Connection error");
};
ourRequest.send();
}
Page 1 still: CreateHTMl create thru a loop
function createHTML(postsData) {
var ourHTMLString = '';
for (i = 0; i < 1; i++)
{
var posturl = postsData.link
ourHTMLString +='<tr>';
ourHTMLString += '<td>' + '<a href="loadpost.html" + rel="external" + " style="text-decoration:none ">' + postsData[i].title.rendered + '</a>'+'</td>';
ourHTMLString += '<td>' + '<a href="loadpost.html"><img width="100%" src ="' + postsData[i]._embedded['wp:featuredmedia']['0'].source_url + '" />' + '</a>'+'</td>';
ourHTMLString += '<td>' + postsData[i].excerpt.rendered + localStorage.setItem("postid",postsData[i].id)+'</td>';
//i tried to store each id in a localstorage but only the last one remains
ourHTMLString+= '</tr>';
} portfolioPostsContainer.innerHTML = ourHTMLString;
}
page two uses this to display ourHTMLString
<div id="portfolio-posts-container"></div>
page 3 Need each post id.
function onDeviceReady(){
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET', 'http://myurl/wp-json/wp/v2/posts/'+mypostid+'?_embed=true')
ourRequest.onload = function() {
if (ourRequest.status >= 200 && ourRequest.status < 400) {
var data = JSON.parse(ourRequest.responseText);
// createHTML(data); '+mypostid)
console.log(data);
var ourHTMLString = '';
Each post has its generated id from the api, how do i pass it to page 3 for displaying individual post
答案 0 :(得分:0)
尽管我对该系统的总体结构有些困惑,但是您可以将id作为查询字符串参数传递。
public/vendor/backpack/crud/js/list.js
可以在JavaScript中使用<a href="page3.html?id=123">View post 123</a>
对此进行解析:
location.search