Home > Software design >  Blogger feed posts showing CORS Error on different site
Blogger feed posts showing CORS Error on different site

Time:05-26

With reference to this answer of Google, I tried to use the json version of my feeds by using the URL: https://[blog address].blogspot.com/feeds/posts/default?alt=json. My blog is set to public mode, but then also it is throwing CORS policy. And this is the code I used:

  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script>
var getJSON = function(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() {
      var status = xhr.status;
      if (status === 200) {
        callback(null, xhr.response);
      } else {
        callback(status, xhr.response);
      }
    };
    xhr.send();
};
getJSON('https://[blog].blogspot.com/feeds/posts/default?alt=json',
function(err, data) {
  if (err !== null) {
    alert('Something went wrong: '   err);
  } else {
    alert('Your query count: '   data.query.count);
  }
});
</script>

CodePudding user response:

Try alt=json-in-script instead:

<script type="text/javascript">
function myFunction({feed}) {
  alert('Your query count: '   feed.entry.length);
}
</script>
<script type="text/javascript" src="https://blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=myFunction"></script>

  • Related