ブログトップ 記事一覧 ログイン 無料ブログ開設

大人になったら肺呼吸 RSSフィード Twitter

2013-08-31

jQueryでクロスドメインAjaxを実現する方法(jquery.xdomainajax.js)

f:id:replication:20130831155314j:image

photo credit: shooting brooklyn via photopin cc

はじめに

jQueryでクロスドメインAjax(別のサーバにあるデータを読む)を実現するには、jquery.xdomainajax.jsというプラグインを使うと簡単に実装できます。

Java開発者のための Ajax実践開発入門
河村 嘉之 川尻 剛 福沢 知海
技術評論社
売り上げランキング: 81,127

jquery.xdomainajax.jsの入手

jquery.xdomainajax.jsは、以下のサイトからダウンロードすることができます。

jquery.xdomainajax.jsの使い方

以下のようにjQueryをインクルードした後に、jquery.xdomainajax.jsをインクルードします。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.xdomainajax.js" type="text/javascript"></script>
サンプルプログラム
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>jquery.xdomainajax.jsのテスト</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="jquery.xdomainajax.js" type="text/javascript"></script>
  </head>
  <body>
    <h1>jquery.xdomainajax.jsのテスト</h1>
    <script>
      
      // ロード完了イベント
      $(document).ready(function(){
        $.ajax({
          url: 'https://www.google.co.jp',
          type: 'GET',
          cache: false, // キャッシュOFF

          // データのロード完了時の処理
          success: function(res) {
            content = $(res.responseText).text();
      // 取得した内容をコンソールに出力
      console.log(content);
          }
        });
      });

    </script>
  </body>
</html>

関連エントリ

投稿したコメントは管理者が承認するまで公開されません。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証