CSSクロスドメインAJAX

最近、サーバーAからサーバーAにデータを転送する方法で問題が発生しました

サーバーBにサーバースクリプトを書き込めない場合は、サーバーBへのJavaScript

しかし、Aではできます。

そして、彼はエレガントな解決策を見つけました。

ソリューションの本質は、オブジェクトの使用が提案されていることです

CSSHttpRequest。CSSベースのAJAX要求を提供します。 それは

CSSにはセキュリティ制限がないため機能します

標準のXMLHttpRequestオブジェクト。

JSONPとは異なり GET要求にのみ制限があります。 ブラウザの互換性の問題もいくつかあります。

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

  CSSHttpRequest.get(<br> "http://www.nb.io/hacks/csshttprequest/hello-world/"、<br> function(response){alert(response);} <br>); 


データは、サーバー上で2キロバイトチェーンの形式でエンコードされます。 答え

次の形式で返されます。

  #c0 {background:url(data :, Hello%20World!);  } <br>#c1 {background:url(data :, I'm%20text%20encoded%20in%20CSS!);  } <br>#c2 {background:url(data :, I%20like%20arts%20and%20crafts。);  } 


サーバーBでは、javascriptを使用して、非表示のIFRAMEが作成されます。

CSSがロードされています。

これはXHTMLでも機能します。



このソリューションは、IE6 +、Firefox 2 +、Safari 3 +、iPhoneと互換性があります。

ライセンスタイプ:Apacheライセンス




All Articles