HTTP クロスドメイン通信: AJAX のジレンマ

AJAX テクノロジのバックボーンである XMLHttpRequest は、直接的な通信を妨げるクロスドメイン ポリシーを強制します。外部サーバーとの通信。 AJAX リクエストを使用して別のドメインからデータを取得しようとすると、アクセシビリティ エラーが発生します。

この制限を克服するために、JSONP が導入されました。ただし、予期される JSON 形式と受信データの不一致により、構文エラーが発生することがよくあります。

唯一の実行可能な解決策: サーバー側プロキシ

最も現実的な解決策は、サーバー側の言語をプロキシとして使用することです。この手法を使用すると、サーバー上で実行される中間スクリプトを通じて間接的にクロスドメイン データにアクセスできます。

jQuery と PHP を使用した実装

クロスドメイン データを実装するにはjQuery と PHP を使用した取得:

jQuery部分:

$.ajax({
    url: 'proxy.php',
    type: 'POST',
    data: {
        address: 'http://www.google.com'
    },
    success: function(response) {
        // response now contains full HTML of google.com
    }
});

PHP プロキシ (proxy.php):

echo file_get_contents($_POST['address']);

これを利用するとこのアプローチを使用すると、AJAX クロスドメイン ポリシーを遵守しながら、外部ドメインのデータに効果的にアクセスして表示できます。スクレイピングされたデータに関する制限や潜在的な問題に注意してください。