Question

我真的很需要您的帮助。我已经与这些斗争了好几天，而我的项目陷于停滞。您的帮助将不胜感激。

我有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

Answer 1

尽管我对该系统的总体结构有些困惑，但是您可以将id作为查询字符串参数传递。

public/vendor/backpack/crud/js/list.js

可以在JavaScript中使用<a href="page3.html?id=123">View post 123</a>对此进行解析：

location.search

将生成的ID从一页传递到另一页

1 个答案: