使用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');
});
}
});
});
}
});
}
这是我得到的回应:
它看起来不像标题集,但我的理解是JSONP和JQuery处理那次握手?
我还需要做些什么吗?我很感激一些友好的指导。
提前致谢。
答案
由于博客读者设置为“私有”,因此Feed网址无效。将其设置为公共(在设置>基本>权限>博客读者下)将解决此问题
请参阅https://support.google.com/blogger/answer/97933?hl=en
网站订阅源不适用于私人博客。
以上是关于使用JSONP创建Blogger站点:无法在'DOMWindow'上执行'postMessage'的主要内容,如果未能解决你的问题,请参考以下文章
Blogger javascript 无法使用 http 到 https