JQuery Ajaxでページから要素の取得、表示

Question

あるページから特定の要素（タイトルなど）を取得してきて、表示させたいのですが、

表示されません。

どこに問題があるのか、また問題の見つけ方など教えて頂けると幸いです。

$(function(){
    $.ajax({
      url: 'https://www.jftc.or.jp/',    // 表示させたいコンテンツがあるページURL
      cache: false,
      datatype: 'html',
      success: function(html) {
          var h = $(html).find('.title');    // 表示させたいコンテンツの要素を指定
          $('#wrap').append(h);    // append関数で指定先の要素へ出力
      }
    });
  });

  <div id="wrap">

  </div>

Comments

[m.ts10806]

許可なく情報勝手に取得していいかどうかという観点から必要に思います。
でないと、訴えられても文句は言えません。

Answer 1

https://www.jftc.or.jp
がクロスオリジン要求を受け付けていないのでajaxでは難しいと思います

Comments

[yambejp]

コンソールで確認すればエラーが表示されていると思いますが？