ホームページ  >  記事  >  ウェブフロントエンド  >  Ajax_javascriptスキルでFlashを利用してクロスドメインデータを読み込む実装方法

Ajax_javascriptスキルでFlashを利用してクロスドメインデータを読み込む実装方法

WBOY
WBOYオリジナル
2016-05-16 18:14:57973ブラウズ

Ajax のクロスドメイン動作は常に問題であり、現在の主な解決策は次のとおりです。
1. JSONP (サーバー側でサポートする必要がある)
2. IFrame (サブドメイン間でのみ動作可能)
3. ページ プロキシ (これは少し汎用的です)
4. Access-Control-Allow-Origin (新しいブラウザでサポートされており、サーバー側でヘッダーを設定する必要があります)
今日は、別の方法を提供します。クロスドメイン操作には Flash を使用します。ご存知のとおり、Flash のクロスドメイン操作には実際には制限があります。ただし、Flash のクロスドメイン構成はサイトのルート ディレクトリに置くだけで済みます。 crossdomain.xml の使用法については、次の記事を参照してください:http://www.jb51.net/article/25485.htmこの記事。
この一連の操作はjQueryプラグインの形でカプセル化しており、記事の最後にダウンロードアドレスを添付します。
使用方法:
1. jQuery および ajaxf.js ファイルをページに導入します。
2. ページに次のコードを挿入します。まず、Flash をページにインストールします。

コードをコピー コードは次のとおりです。

$(document).ready(function( ) {
$.ajaxf.install('/Files/zsea/flash4ajax.swf');
});

3. リモートデータを取得するメソッドを呼び出します。

プラグインによって提供されるメソッドについて詳しく説明します。
$.ajaxf.install(swfpath)
ページに Flash をインストールするには、Flash のパスを指定できます。
$.ajaxf.ready(function(){})
Flashがロードされた後に実行される関数。
$.ajaxf.isReady()
Flash がロードされているかどうかを返します。戻り値はブール値です。
$.ajaxf.ajax(p)
ネイティブの ajax 呼び出しサポート。p はオブジェクトです。コールバック、コールバック関数の型、メソッドの型、json、テキスト、xml、スクリプトをサポートします。 url、データを読み取るアドレス、メソッド、リクエスト メソッド、get、post データ、リクエスト ヘッダー、Object オブジェクト、追加のリクエスト ヘッダーをサポートします。
$.ajaxf.get(url, data, callback, type)
get メソッドでデータを取得
$.ajaxf.post(url, data, callback, type)
post メソッドでデータを取得
以下の名前は見ただけで意味が分かるので、詳しい説明は省略します
$.ajaxf.getText(url, data, callback)
$.ajaxf.getJSON( URL, データ, コールバック)
$.ajaxf.getScript(url, データ, コールバック)
$.ajaxf.postJSON(url, データ, コールバック)
$.ajaxf.postText(url, データ, コールバック) )

Youku のホームページの HTML コードを取得する方法を説明します。
コードをコピー コードは次のとおりです: