NARUMASA CREATIVE DESIGN
Copyright © narumasa.com
All rights reserved.
12
3月
2019

クロスドメインを超えて情報を埋め込む方法

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

普通、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);
  });
});

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

レスポンシブにした時にjQueryでメニューをたたむタイプの簡単な作り方
【jQuery】1ページに1つしか機能しない場合。