将一些 JSON 数据移动到唯一的 Div 中

Move some JSON data into unique Divs

本文关键字：唯一 Div 移动 JSON 数据      更新时间：2023-09-26

我有一个 blogger.com 博客，我设法创建了一个从博客获取数据的脚本 - 我不太擅长js/json，所以我有点盲目;-）

Id 就像输出在 2 个 DIVS 中一样，这些 DIV 对帖子 ID 和内容是唯一的：

这是脚本：

<html>
  <head>
    <title>Test</title>
  </head>
  <body>
<script type="text/javascript">
    function posts(json) {
      // Get five recent posts
      for (var i = 0; i < 2; i++)
      {
        var posturl;  
        // Get rel=alternate for truly post url
        for (var j=0; j < json.feed.entry[i].link.length; j++)
        {
          if (json.feed.entry[i].link[j].rel == 'alternate')
          {
            posturl = json.feed.entry[i].link[j].href;
            break;
          }
        }
        // if the Blogger-feed is set to FULL, then the content is in the content-field
        // if the Blogger-feed is set to SHORT, then the content is in the summary-field
        if ("content" in json.feed.entry[i]) {
          var postcontent = json.feed.entry[i].content.$t;}
        else
        if ("summary" in json.feed.entry[i]) {
          var postcontent = json.feed.entry[i].summary.$t;}
        else var postcontent = "";
        // strip off all html-tags
        var re = /<'S[^>]*>/g; 
        postcontent = postcontent.replace(re, "");
        // reduce postcontent to 200 characters
        if (postcontent.length > 200) postcontent = postcontent.substring(0,200);
        // Get posts title
        document.write("Post Id = "+json.feed.entry[i].id.$t);
        document.write('<br/>');
        document.write("Post content = "+postcontent);
        document.write('<br/><br/>');
      }
        }    
</script>
<script src="http://ironheartuk123.blogspot.com/feeds/posts/default?alt=json-in-script&callback=posts"></script>
  </body>
</html>

当我将页面加载到浏览器中时，我在屏幕上看到以下内容：

Post Id = tag:blogger.com,1999:blog-5655651846573938667.post-5882120439717312684
Post content = Test post 2
Post Id = tag:blogger.com,1999:blog-5655651846573938667.post-8794205203420774123
Post content = Test post 1

这就是我希望输出的样子！

<div id="5882120439717312684">Test post 2</div>
<div id="8794205203420774123">Test post 1</div>

完成该步骤后，我将能够将 Div 移动到页面上的正确位置。我认为这是容易的一点;-）

任何帮助非常感谢！！

使用 jQuery：

var re = /post-'d+/;
var postId = re.exec(json.feed.entry[i].id.$t);
$("#" + postId[0]).html(postcontent);
相关文章：