堆栈内存溢出
  简体   繁体   English

如何从JSON文件中检索这些值？

[英]How do I retrieve these value from a JSON file?

 原文  2018-07-22 03:20:23  7   3    javascript/ jquery/ json

问题描述

I'm trying to access a nested element from a JSON file. 我正在尝试从JSON文件访问嵌套元素。 To be more specific i'm getting information from a RSS feed and converting to JSON with an api and retrieving that information with JQuery using the $.each method. 更具体地说，我从RSS提要中获取信息，并使用api转换为JSON，然后使用$ .each方法通过JQuery检索该信息。 The element that i'm trying to retrieve is "link", but the following line does not work. 我要检索的元素是“链接”，但以下行不起作用。 I'm just only able to output the title object. 我只能输出标题对象。 How do i fix this? 我该如何解决？

Thanks! 谢谢！

Here's my JQuery code: 这是我的JQuery代码： 

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Js Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> </head> <body> <script> jQuery(document).ready(function ($) { $(function () { var $content = $('#roundupContent'); var data = { rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss' }; $.get('https://api.rss2json.com/v1/api.json', data, function (response) { if (response.status == 'ok') { var output = ''; $.each(response.items, function (k, item) { //I can output the title var title = item.title; console.log(title); //But i cant output the image link var tagIndex = item.enclosure.link; console.log(tagIndex); return k < 1; }); } }); }); }); </script> </body> </html>

This is part of the JSON code: 这是JSON代码的一部分： 

    {
"items": [
    {
        "title": "Mustangs in Pros: Marinconz, Meyer Hitting Well in Start to Pro Career",
        "pubDate": "2018-07-11 04:00:00",
        "link": "https://www.gopoly.com/sports/bsb/2017-18/releases/20180711m0l4q1",
        "guid": "b385bac9-6997-4bd8-b6d6-71c4ab011fdf",
        "author": "",
        "thumbnail": "",
        "description": "<p><strong>gopoly.com</strong> - SAN LUIS OBISPO, Calif. — The top hitters for former Cal Poly position players in professional baseball are Mitch Haniger of the Seattle Mariners, Kyle Marinconz of the Auburn Doubledays, Nick Meyer …</p>",
        "content": "<p><strong>gopoly.com</strong> - SAN LUIS OBISPO, Calif. — The top hitters for former Cal Poly position players in professional baseball are Mitch Haniger of the Seattle Mariners, Kyle Marinconz of the Auburn Doubledays, Nick Meyer …</p>",
        "enclosure": {
            "link": "http://www.gopoly.com/sports/bsb/2017-18/Marinconz-MeyerMinors.jpg?max_width=600&amp;max_height=600"
        },
        "categories": [
            "Sports"
        ]
    },
    {
        "title": "Cal Poly's digital transformation hub lets students take technology to government",
        "pubDate": null,
        "link": "https://edscoop.com/california-polytechnic-state-university-digital-transformation-hub-lets-students-take-technology-to-government",
        "guid": "86cec9b0-2be1-4438-90fa-ff1a4564655f",
        "author": "",
        "thumbnail": "",
        "description": "<p><strong>edscoop.com</strong> - Students at California Polytechnic State University (Cal Poly) don’t have to go far to get real-world problem-solving experience with the latest technology. Since last October, Cal Poly students and …</p>",
        "content": "<p><strong>edscoop.com</strong> - Students at California Polytechnic State University (Cal Poly) don’t have to go far to get real-world problem-solving experience with the latest technology. Since last October, Cal Poly students and …</p>",
        "enclosure": {
            "link": "https://s3.amazonaws.com/edscoop-media/uploads/dxhub.jpg?mtime=20180712160104"
        },
        "categories": [
            "Technology"
        ]
    }
]
}

3 个解决方案

解决方案1
 1  2018-07-22 03:28:44

Error @ my prev answer; 错误@我的上一个答案； try this code: 试试这个代码： 

    var $content = $('#roundupContent');
    var data = {
        rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
    };
    $.get('https://api.rss2json.com/v1/api.json', data, function (response) {
    console.log(response);
        if (response.status == 'ok') {
            var output = '';
            $.each(response.items, function (k, item) {
                //I can output the title
                var title = item.title;
                var enclosure = item.enclosure.link;
                console.log(title);
                console.log(enclosure);
                return k < 1;
            });
        }
    });

解决方案2
 1 已采纳  2018-07-22 03:35:59

You can try this. 你可以试试看 

jQuery(document).ready(function ($) {
    $(function () {
        var $content = $('#roundupContent');
        var data = {
            rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
        };
        $.get('https://api.rss2json.com/v1/api.json', data, function (response) {
            if (response.status == 'ok') {
                var output = '';
                $.each(response.items, function (k, item) {
                    //I can output the title
                    var title = item.title;
                    var tagIndex;
                    // If you want to store link in array
                    var tagIndexes = [];

                    $.each(item.enclosure, function (index, link) {
                        tagIndex = link;
                        tagIndexes.push(link)
                    });
                    console.log(tagIndex);
                    console.log(tagIndexes);
                    return k < 1;
                });
            }
        });
    });
});

解决方案3
 1  2018-07-22 04:11:31

(
    function () {
    var $content = $('#roundupContent');
    var data = {
      rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
    };
    $.getJSON('https://api.rss2json.com/v1/api.json', data, function (response) {
      if (response.status == 'ok') {
        var output = '';
        $.each(response.items, function (k, item) {

           console.dir(item);
          //I can output the title
          var title = item.title;
          console.log(title);

          //But i cant output the image link
          var tagIndex = item.enclosure.link;
          console.log(tagIndex);
          return k < 1;
        });
      }
    });
  })();

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何从 json 文件中检索值 - how retrieve value from json file 如何从json检索这些值？ - How do I retrieve these values from json? 不知道键值时，如何从JSON响应中检索键？ - How do I retrieve a key from a JSON response, when I don't know the key value? 如何从php文件接收的JSON中检索对象？ - How do I retrieve objects from JSON received from a php file? 如何通过HTML表单输入文本并使用Javascript从JSON文件中检索数据作为响应？ - How do I input text via an HTML form and retrieve data from a JSON file as a response using Javascript? 如何检索列在其中的JSON编码数组 <div> 从JavaScript文件？ - How do I retrieve a JSON encoded array printed inside a <div> from a JavaScript file? 如何编写此 JS 代码以从我的 php 文件中检索 JSON 数据？ - How do I write this JS code to retrieve JSON data from my php file? 如何过滤 JSON 文件以使用 Javascript 检索 HTML 数据 - How do I Filter a JSON file to retrieve data for HTML with Javascript 如何从JavaScript变量检索JSON数据 - How do I retrieve json data from a javascript variable 创建JSON字符串后，如何从中检索数据？ - After creating a JSON string, how do I retrieve data from it?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM