使用JSONP创建Blogger站点:无法在'DOMWindow'上执行'postMessage'

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用JSONP创建Blogger站点:无法在'DOMWindow'上执行'postMessage'相关的知识,希望对你有一定的参考价值。

我正进入(状态:

无法在'DOMWindow'上执行'postMessage':提供的目标原点('https://accounts.google.com')与收件人窗口的原点('https://www.blogger.com')不匹配。

使用我购买的模板运行博客网站时。该模板广泛使用JSONP并调用JQuery v1.11.0。

以下是请求的示例:

if ( static_page_text === "[sitemap]" ) {
var postbody = $('.static_page .post-body');
$.ajax({
url: "/feeds/posts/default?alt=json-in-script",
type: 'get',
dataType: "jsonp",
success: function (dataZ) {
  var blogLabels = [];
  for (var t = 0; t < dataZ.feed.category.length; t++) {
    blogLabels.push(dataZ.feed.category[t].term);
  }
  var blogLabels = blogLabels.join('/');
  postbody.html('<div class="siteLabel"></div>');
  $('.static_page .post-body .siteLabel').text(blogLabels);
  var splabel = $(".siteLabel").text().split("/");
  var splabels="";
  for (get = 0; get < splabel.length; ++get) {
    splabels+= "<span>"+splabel[get]+"</span>";
  }
  $(".siteLabel").html(splabels);
  $('.siteLabel span').each(function() {
    var mapLabel = $(this);
    var mapLabel_text = $(this).text();
    $.ajax({
      url: "/feeds/posts/default/-/" + mapLabel_text + "?alt=json-in-script",
      type: 'get',
      dataType: "jsonp",
      success: function (data) {
        var posturl = "";
        var htmlcode = '<div class="mapp">';
        for (var i = 0; i < data.feed.entry.length; i++) {
          for (var j = 0; j < data.feed.entry[i].link.length; j++) {
            if (data.feed.entry[i].link[j].rel == "alternate") {
              posturl = data.feed.entry[i].link[j].href;
              break;
            }
          }
          var posttitle = data.feed.entry[i].title.$t;
          var get_date = data.feed.entry[i].published.$t,
              year = get_date.substring(0, 4),
              month = get_date.substring(5, 7),
              day = get_date.substring(8, 10),
              date = '<span class="day">' +  day.replace(/^0+/, '') + '</span><span class="month">' + text_month[parseInt(month, 10)] + ' </span><span class="year">' + year + '</span>';

          htmlcode += '<div class="mpost"><div class="map-date">' + date + '</div><h3 class="rcp-title"><a href="' + posturl + '">' + posttitle + '</a></h3></div>';
        }
        htmlcode += '</div>';
        mapLabel.replaceWith('<div class="maplabel"><h2>' + mapLabel_text + '<span class="butoo"><i class="fa fa-plus-circle"></i></span></h2>' + htmlcode + '</div>');
        $(document).on('click','.maplabel h2',function(){
          $(this).parent('.maplabel').addClass('active');
          $(this).find('.butoo .fa').removeClass('fa-plus-circle').addClass('fa-minus-circle');
        });
        $(document).on('click','.maplabel.active h2',function(){
          $(this).parent('.maplabel').removeClass('active');
          $(this).find('.butoo .fa').addClass('fa-plus-circle').removeClass('fa-minus-circle');
        });
      }
    });
  });
}
});
}

这是我得到的回应:

Cross Origin Errors

它看起来不像标题集,但我的理解是JSONP和JQuery处理那次握手?

我还需要做些什么吗?我很感激一些友好的指导。

提前致谢。

答案

由于博客读者设置为“私有”,因此Feed网址无效。将其设置为公共(在设置>基本>权限>博客读者下)将解决此问题

请参阅https://support.google.com/blogger/answer/97933?hl=en

网站订阅源不适用于私人博客。

以上是关于使用JSONP创建Blogger站点:无法在'DOMWindow'上执行'postMessage'的主要内容,如果未能解决你的问题,请参考以下文章

在 Blogger 中使用悬停文本在一行上创建两个图像

Blogger javascript 无法使用 http 到 https

有啥理由不使用 JSONP?

JSONP:需要回调吗?

Jsonp代理示例,发送请求到我们自己的站点而不是sencha站点

提取Blogger.com视频(RTSP或其他方法)