javascriptでhttpのRSSを読み込みたい

前提・実現したいこと

javascriptでRSSを読み込み、htmlに表示したいです
サーバーを用意して、そっちで処理すれば出来るのですが
静的コンテンツのみで完結させたいです
(htmlとjavascriptのみ)

発生している問題・エラーメッセージ

Mixed Contentエラー
読み込んで表示するページがhttpsで、読み込み対象がhttpの為エラーが起きている

該当のソースコード

javascript
1  $.ajax({
2    url: rdf_url,
3    cache: false,
4    dataType: "xml",
5    success: function (xml) {
6      $(xml).find('item').each(function () {
7        var title = $(this).find('title').text();
8

試したこと

rssのURLをhttpsに変更したが、読み込めなかった
読み込んで表示するページをhttpsからhttpに変更することは出来ない
url短縮サービスを使ってRSSのURLをhttpsに変えたが、読み込めなかった

補足情報（FW/ツールのバージョンなど）

行動規範の内容に同意します

回答1件

ベストアンサー

サーバーを用意して、そっちで処理すれば出来るのですが

サーバー経由される事をオススメします。

静的コンテンツのみで完結させたいです

(htmlとjavascriptのみ)

RSSは「とにかく、サイト間で情報共有しよう」という風潮のあった黎明期（HTTPSに無関心な人も多かった時代）の技術ですので、CORS関連の対策が全く考慮されずに配信されているのが普通です。

自サイトの配信するRSS情報であれば Same Origin なので、Ajaxだけで問題なく読めるはずですが、Cross Originのサイトが配信するRSSは、モダンブラウザの特長でもあるCORS制限を乗り越えられない事が殆どでしょうから、静的コンテンツのみで完結するのは難しいと思います。

Cross OriginのRSSフィードの読み込みを JavaScriptで対応できるかどうかは、フィードURLを叩き、応答されるヘッダの内容次第と思います（Mixed Contentのエラーも CORSに絡むモダンブラウザのセキュリティ実装ですよね）。

詰まる話が、購読側だけでどうこうできる問題ではないと思いますので、冒頭の回答通りサーバーを利用するか、応答ヘッダに工夫してもらえるような連絡を取るか。という事になりそうです。

投稿2020/05/25 11:05