IT工房|AI入門とWebの勉強サイトIT工房ABOUTBLOGSample置き場CONTACTHomeTipsjQueryAjax通信とクロスドメイン問題Ajax通信とクロスドメイン問題ajax通信とはURLを入力して希望するWebページをリクエストして、サーバーからのデータが送られてきて希望するページを閲覧するという通常の手順と違い、Ajax通信はJavaScriptを使用して必要なコンテンツを更新する仕組みです。通常の通信はページを全て読み込んで表示しますが、Ajaxはある一部分だけを読み込んで変更することができるものです。loadメソッドを使用する方法と$.ajaxを使用する方法があります。)で指定されたjQueryオブジェクトに設定するメソッドです。これを使用すると別ページのコンテンツを読み込むことが可能です。h1')$.ajaxを使用する方法はjQueryオブジェクト上で呼び出すのではなく、jQueryや$で直接呼び出される関数です。$.ajaxは複数のオプションを指定できます。デフォルトはfalsesuccess→通信が正常に終了したときの処理error→エラーが出たときの処理などです。コールバックを指定することができます。Ajax通信では、セキュリティ上、Ajaxを使用するHTMLファイルが置かれているドメインのサーバとしか通信できません。これをクロスドメイン制約といいます。クロスドメイン制約を受けずに他のドメインとやり取りする方法はいくつかあります。ここではjquery.xdomainajax.jsを使用する方法を解説します。jquery.xdomainajax.js使用方法jquery.xdomainajax.jsをダウンロードして、以下のとおりリンクをします。{alert('問題がありました。新着情報は表示できません。\n当ホームページはJavaScriptを使用しています。お使いのブラウザでJavaScriptが無効になっていると、機能が正確に動作しません。JavaScriptを有効に設定してからご利用くださるようお願いいたします。class="newdata"></div></section>SNSで共有しましょう。