先日、日本語サイトと【co.jp】グローバルサイト【com】と２つあるサイトが、情報を一部共有したい、という依頼がありました。

普通、jQuery.loadなどを使用すれば意外と行けるかも！なんて考えていたのですが、実はドメインが違うので、できませんでした。

そこで調べたところ、【jquery.xdomainajax.js】というjQueryプラグインがあり、これを使用することで別ドメイン間を超えて情報を共有することができることがわかりました。

$(document).ready(function(){
  url = '読み込みたいサイトのURL';
  $.get(url, function(data){
    var content = $(data.responseText).find('読み込みたいサイトの一部idまたはclass').html();
    $("読み込んだものを表示したい場所のidまたはclass").html(content);
  });
});

たったこれだけでクロスドメインを超えて情報を共有することができます。