来自json的微观数据

时间:2015-05-19 18:58:18

标签: javascript json

我想知道如何在丰富网页摘要或微数据和使用json数据时通过Google的测试工具。

问题是我没有选择使用PHP而只使用javascript。因此,当我想从商店的Trusted Shops获取评论数据时,我从未通过测试工具,因为Google抓取页面时数据始终为空。

所以我的意思是:

有一个带有评论数据的json文件的直接链接

http://api.trustedshops.com/rest/public/v2/shops/X17BD396442BCEE0808C79156D0E95F97/quality/reviews.json

我试过的是这个

<script type="text/javascript">
    window.onload = function(){
      var url = 'http://api.trustedshops.com/rest/public/v2/shops/X17BD396442BCEE0808C79156D0E95F97/quality/reviews.json';

      $.getJSON(url, function(data){
        var stuff = data.response.data;
        var review = stuff.shop.qualityIndicators
         $('#value').html(review.reviewIndicator.overallMark);
         $('#votes').html(review.reviewIndicator.activeReviewCount);
      });
    }
  </script>

HTML输出

<span xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review-aggregate">
   <span rel="v:rating">
     <span property="v:value" id="value">4.83</span> /
     <span property="v:best" id="best">5.00</span>
   </span> of
     <span property="v:votes" id="votes">58</span> reviews.
   </span>

现在使用Google的测试工具,我总是得到3个错误,说“不能留空......”。

这样的事情是否可能?

1 个答案:

答案 0 :(得分:0)

所以我不知道如何使用这个工具,但他们的例子都没有javascript。在尝试验证数据之前,我不认为此工具会在左侧框中执行任何javascript。有.DataContext标记的示例,但它们只是JSON数据,而不是可执行代码(请注意<script type="application/ld+json">)。

要验证这一点,我只需输入以下代码段:

type

当我点击验证时,我的浏览器控制台中没有任何内容显示。

无论你试图使这个工具做什么,我认为它超出了它的使用范围。看来这些工具可以验证代码的结果,但它也无法运行代码。