Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自json的微数据_Javascript_Json - Fatal编程技术网

Javascript 来自json的微数据

Javascript 来自json的微数据,javascript,json,Javascript,Json,当涉及到丰富的代码片段或微数据以及使用json数据时,我想知道如何通过Google的测试工具 问题是我没有选择使用PHP,只有javascript。因此,当我想从某个商店的可信商店获取审查数据时,我从未通过测试工具,因为当谷歌抓取页面时,数据总是空的 我的意思是: 有一个到json文件的直接链接,其中包含审查数据 http://api.trustedshops.com/rest/public/v2/shops/X17BD396442BCEE0808C79156D0E95F97/quality/r

当涉及到丰富的代码片段或微数据以及使用json数据时,我想知道如何通过Google的测试工具

问题是我没有选择使用PHP,只有javascript。因此,当我想从某个商店的可信商店获取审查数据时,我从未通过测试工具,因为当谷歌抓取页面时,数据总是空的

我的意思是:

有一个到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>

window.onload=函数(){
var url='1〕http://api.trustedshops.com/rest/public/v2/shops/X17BD396442BCEE0808C79156D0E95F97/quality/reviews.json';
$.getJSON(url、函数(数据){
var stuff=data.response.data;
var review=stuff.shop.qualityIndicators
$('#value').html(review.reviewIndicator.overallMark);
$(“#投票”).html(review.reviewIndicator.activeReviewCount);
});
}
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>

4.83 /
5
属于
58项审查。
现在有了谷歌的测试工具,我总是会收到3个错误:“不能留白…”


这样的事情可能吗?

所以我不知道如何使用这个工具,但是他们的示例中没有一个包含javascript。我认为这个工具在尝试验证数据之前不会执行左侧框中的任何javascript。有一些带有
标记的示例,但它们只是JSON数据,而不是可执行代码(请注意
类型

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

<script type="text/javascript">
  console.log('it this on?');
</script>

log('it this on?');
单击“验证”时,浏览器控制台中不会显示任何内容


无论你想让这个工具做什么,我认为都超出了它的使用范围。该工具似乎可以验证代码的结果,但也无法运行代码。

您在那里的代码似乎工作正常,并生成HTML结果。你到底在问什么?你是在问为什么你的测试结果不及格?因为你根本没有描述那个测试是什么或者它是如何工作的。@AlexWayne:没错!!代码运行得非常好。唯一的问题是谷歌没有看到结果。谷歌看到的是三个空跨度,而不是我们看到的填充跨度。为什么会这样?有没有解决办法?你说的“谷歌看到”是什么意思?谷歌通过什么机制“看到”你的页面?@AlexWayne:Google有一个[丰富片段测试工具]。当使用上面的代码时,工具显示有三个空跨距。我们看到的是三个跨度,其中包含数据。所以问题是:为什么?怎么做呢?()