Ext.Ajax.requestを使用するクロスエンゲージメントクロスドメインPOSTリクエスト

Question

私はクロスドメインリクエストを送信するためにExt.Ajax.request（ExtJS 3を使用）と思われるスクリプトを使用しています。 ExtJS3（おそらくExtJSから離れる可能性があります）から離れていくための検討が行われていますが、XMLHttpRequestを使用する際の迅速な試みは機能しませんでした。これらのクロスドメイン要求を送信するためにどのようなテクニックが使用されているのかを知るにはどうすればよいですか？

Answer 1

あなたは jQueryの例JSONPを使用しようとすることができます：

$.ajax({ 
    url: "test.php", 
    dataType: "jsonp" 
    success: function(data){ 
    console.log(data) 
    } 
}); 

をそれとも、要求されたコンテンツへのアクセス権を持っている場合は、アクセス制御 - 許可 - 起源ヘッダーを設定することができます。 PHPの例：

header('Access-Control-Allow-Origin: '.$_SERVER['HTTP_ORIGIN']); 

Answer 2

Ext JS 3.4 online documentationはExt.Ajax.requestメソッド呼び出しにソースコードの相関を追跡するために使用することができExt.Ajaxクラスの継承モデルを提供します。しかし、ホイールを再作成するのに時間とリソースを費やすのではなく、ネイティブExt JS Ext.data.ScriptTagProxyクラスを既存のストアにproxy設定オプションを使用して実装することをお勧めします。以下は私が言及しているものの省略例です。

例

var myJsonStore = new Ext.data.JsonStore 
({ 
    autoLoad : true, 
    proxy : new Ext.data.ScriptTagProxy 
    ({ 
     url : 'http://www.cross-domain.com/file.php' 
    }), 
    fields : ['myIdColumn','myCharColumn','myDateColumn'] 
}); 

ADDITION

あなたは離れてのExt JSを使用してACD (AJAX Cross Domain)ライブラリをチェックアウトしてくださいからの移動にいきますので。

Answer 3

私は現在ExtJS 3.3.1を使用していますが、私はまだ4への切り替えを行っていませんが、新しいプロジェクトが来るときにはおそらくそうです。 Extソースを見ることなく、彼らがJSONPを使ってこのタスクを達成していると言えるでしょう。JavaScriptがsame-origin policyを守らなければならないので、クロスドメインAJAX呼び出しを行う唯一の方法です。

JSONPの純粋なJS実装をしようとしていますか？または、既にJSライブラリを使用していますか？私たちのコメントパー

編集

...彼らは、POSTリクエストを作っています。これはJSONPでは不可能です。だから私が言うことができる限り、彼らはiframeのトリッキーを使用しています。それは古いブラウザでファイルをアップロードするのと同じトリックです。

Thisリンクはこれをより詳しく説明しています。

Valum's file uploaderでも同じ方法（iframe to、POST、ファイルをアップロード）が使用されています。 ExtJSソースに従う方がはるかに簡単です。

Answer 4

JSONPは少しハックですが、使用できます。

ただし、交差するドメインを制御する場合は、CORSを使用することを検討してください。 CORSでは、Webサイトからの応答にヘッダー（Access-Control-Allow-Origin）を挿入します。http://enable-cors.org/

これはIE 8+（Firefox、WebKitブラウザ）でサポートされています。IEの注意点は次のとおりです.IISは、CORS要求に対して異なる要求オブジェクト（XDomainRequest）を使用します。 Operaをサポートする必要がある場合は、JSONPまたはpolyfill（フラッシュが必要なhttps://github.com/gimite/web-socket-js/のようなもの）を使用する必要があります。

問題のドメインを管理していない場合は、CORSをサポートするように依頼できます。