別ドメインのxmlデータをjQueryで取得して、最新３件をサイトに表示させたい

Question

###前提・実現したいこと
別ドメインのxmlデータをjQueryで取得して、最新３件をサイトに表示させたいです。
スキルレベルは基礎的なコーディングが出来る程度で、javascriptやjQuery等の
コードは書けません。phpのスキルもありません…。

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

日付に関して、xmlが
<dc:subject>○○○○○</dc:subject>
<dc:date>2017-08-29T11:58:46+09:00</dc:date>
<dc:creator>○○○○</dc:creator>
のような感じになっており、title等と異なり取得方法が分かりません。

画像に関しては、
<content:encoded>
<![CDATA[ 〜〜〜〜〜
に入っており、こちらも取り出し方が分かりません。

###該当のソースコード

$(function() {
    $.ajax({
        url: '/feed.php',
        dataType: 'xml',
        success: function(data) {
        console.log($('item', data));
            // 取得件数
            var getCount = 3;
            if ($('item', data).length < getCount) {
                getCount = data.length;

            };

            var insert = '';
            $('item', data).each(function() {
                var thisItem = $('item', data);
                insert += '<li>';

                // タイトルの挿入
                insert += '<p>';
                insert += thisItem.children('title').text();
                insert += '</p>';

                // リンク先の挿入
                insert += '<a href="' + thisItem.children('link').text() + '">詳細はコチラ</a>';

                insert += '</li>';
            };
            insert += '</ul>';

            $('#sample').append(insert);
        }
    });
});

###試したこと
検索をして色々試してはいますが、そもそもコードが読めない＆書けないので
上記で表示されないののは、何がおかしいのか分かりません。
また、日付と画像の取得方法もら分かりません。

宜しくお願いいたします。

###補足情報(言語/FW/ツール等のバージョンなど)
参考にしたページ
http://cly7796.net/wp/javascript/ajax-get-xml/
https://www.tam-tam.co.jp/tipsnote/html_css/post10989.html

Comments

[kei344]

https://teratail.com/help/question-tips

Answer 1

全くの初心者だという前提でお答えしますが
大抵の場合別ドメインのデータはjavascript(ajax)では参照できないように
設定されています。
問題解決に自信がない方にはちょっとハードルが高いので
別の処理を考えたほうがよいでしょう。
（サーバーサイドの処理を外注におねがいするとか）

Answer 2

別ドメイン同士のファイル参照は「クロスドメイン制限」があって非推奨になっております。
（セキュリティ上危険なため）
ですがPHPなどを利用できる環境であればこの問題を解決できます。

php（ajax.php）

<?php
  if(isset($_GET["url"])) readfile($_GET["url"]);
?>

jQuery

$(function(){
  $.ajax({
    url:'ajax.php',
    async: true,  
    cache: false, 
    type:'GET',
    dataType:'xml',

    error: function(){
      //読み込みに失敗時の処理
    },

    success: function(xml){
      //読み込みに終了後の処理
    }

  });
});

内容としてはjQueryでajax.phpを発火させ、PHPで別ドメインからファイルを参照しています。